@moontra/moonui-pro 2.11.4 → 2.13.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, useContext, useMemo, useLayoutEffect, useDebugValue, Component } from 'react';
+import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useMemo, 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, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, RefreshCw, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Video, Music, Archive, File, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { 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, TrendingUp, 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, MessageCircle, Tag, MoreVertical, Paperclip, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Server, RotateCw, Cpu, MemoryStick, HardDrive, Network, BarChart3, Columns, Flag, Grip, Unlock, Minimize2, Map as Map$1, Target, 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 } from 'framer-motion';
+import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, animate, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
@@ -1995,9 +1995,19 @@ var MoonUIAvatarFallbackPro = t.forwardRef(({ className, ...props }, ref) => /*
 ));
 MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
 var MoonUIAvatarGroupPro = t.forwardRef(
-  ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
-    const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
-    const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
+  ({ className, max: max2 = 3, size: size4 = "md", children, overlapOffset, ...props }, ref) => {
+    const childrenArray = t.Children.toArray(children);
+    const visibleChildren = max2 ? childrenArray.slice(0, max2) : childrenArray;
+    const remainingCount = max2 ? Math.max(0, childrenArray.length - max2) : 0;
+    const defaultOffsets = {
+      xs: -4,
+      sm: -6,
+      md: -8,
+      lg: -10,
+      xl: -12,
+      "2xl": -16
+    };
+    const finalOffset = overlapOffset ?? defaultOffsets[size4] ?? -8;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -2005,24 +2015,24 @@ var MoonUIAvatarGroupPro = t.forwardRef(
         className: cn("flex items-center", className),
         ...props,
         children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
-          visibleAvatars.map((avatar, index2) => /* @__PURE__ */ jsx(
+          visibleChildren.map((child, index2) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: "relative",
+              className: "relative ring-2 ring-background rounded-full",
               style: {
-                marginLeft: index2 === 0 ? 0 : `${overlapOffset}px`,
-                zIndex: visibleAvatars.length - index2
+                marginLeft: index2 === 0 ? 0 : `${finalOffset}px`,
+                zIndex: visibleChildren.length - index2
               },
-              children: avatar
+              children: t.isValidElement(child) && child.type === MoonUIAvatarPro ? t.cloneElement(child, { size: size4 }) : child
             },
             index2
           )),
           remainingCount > 0 && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "relative z-0",
-              style: { marginLeft: `${overlapOffset}px` },
-              children: /* @__PURE__ */ jsx(MoonUIAvatarPro, { variant: "border", children: /* @__PURE__ */ jsxs(MoonUIAvatarFallbackPro, { children: [
+              className: "relative z-0 ring-2 ring-background rounded-full",
+              style: { marginLeft: `${finalOffset}px` },
+              children: /* @__PURE__ */ jsx(MoonUIAvatarPro, { size: size4, className: "bg-muted", children: /* @__PURE__ */ jsxs(MoonUIAvatarFallbackPro, { className: "text-xs font-medium", children: [
                 "+",
                 remainingCount
               ] }) })
@@ -2033,7 +2043,7 @@ var MoonUIAvatarGroupPro = t.forwardRef(
     );
   }
 );
-MoonUIAvatarGroupPro.displayName = "AvatarGroup";
+MoonUIAvatarGroupPro.displayName = "MoonUIAvatarGroupPro";
 var moonUIBadgeVariantsPro = cva(
   [
     "inline-flex items-center gap-1.5",
@@ -4044,7 +4054,7 @@ var me = t.forwardRef((r2, o) => {
     var e;
     return Array.from(((e = I.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
   }
-  function X20(e) {
+  function X22(e) {
     let s = V()[e];
     s && E.setState("value", s.getAttribute(T));
   }
@@ -4059,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 = () => X20(V().length - 1), ie3 = (e) => {
+  let oe = () => X22(V().length - 1), ie3 = (e) => {
     e.preventDefault(), e.metaKey ? oe() : e.altKey ? re(1) : Q(1);
   }, se = (e) => {
-    e.preventDefault(), e.metaKey ? X20(0) : e.altKey ? re(-1) : Q(-1);
+    e.preventDefault(), e.metaKey ? X22(0) : e.altKey ? re(-1) : Q(-1);
   };
   return t.createElement(Primitive2.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
     var s;
@@ -4089,7 +4099,7 @@ var me = t.forwardRef((r2, o) => {
           break;
         }
         case "Home": {
-          e.preventDefault(), X20(0);
+          e.preventDefault(), X22(0);
           break;
         }
         case "End": {
@@ -6512,8 +6522,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast2) => {
-          addToRemoveQueue(toast2.id);
+        state.toasts.forEach((toast3) => {
+          addToRemoveQueue(toast3.id);
         });
       }
       return {
@@ -11111,24 +11121,1280 @@ function Calendar3({
     )
   ] });
 }
-var PRIORITY_DOTS = {
-  low: "bg-green-500",
-  medium: "bg-yellow-500",
-  high: "bg-orange-500",
-  urgent: "bg-red-500"
+var PRIORITY_OPTIONS = [
+  { value: "low", label: "Low", icon: Flag, color: "text-green-600" },
+  { value: "medium", label: "Medium", icon: Flag, color: "text-yellow-600" },
+  { value: "high", label: "High", icon: Flag, color: "text-orange-600" },
+  { value: "urgent", label: "Urgent", icon: AlertCircle, color: "text-red-600" }
+];
+var formatFileSize = (bytes) => {
+  if (bytes === 0)
+    return "0 Bytes";
+  const k3 = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k3));
+  return parseFloat((bytes / Math.pow(k3, i)).toFixed(2)) + " " + sizes[i];
+};
+var getInitials = (name) => {
+  return name.split(" ").map((n) => n[0]).join("").toUpperCase();
+};
+function CardDetailModal({
+  card: initialCard,
+  isOpen,
+  onClose,
+  onUpdate,
+  onDelete,
+  availableAssignees = [],
+  availableLabels = [],
+  currentColumn,
+  availableColumns = []
+}) {
+  const [card, setCard] = useState(initialCard);
+  const [isEditingTitle, setIsEditingTitle] = useState(false);
+  const [isEditingDescription, setIsEditingDescription] = useState(false);
+  const [newComment, setNewComment] = useState("");
+  const [newChecklistItem, setNewChecklistItem] = useState("");
+  const [selectedTab, setSelectedTab] = useState("overview");
+  useEffect(() => {
+    setCard(initialCard);
+  }, [initialCard]);
+  const updateCard = (updates) => {
+    const updatedCard = { ...card, ...updates };
+    setCard(updatedCard);
+    onUpdate(updatedCard);
+  };
+  const addComment = () => {
+    if (!newComment.trim())
+      return;
+    const newActivity = {
+      id: Date.now().toString(),
+      user: {
+        id: "current-user",
+        name: "Current User",
+        email: "user@example.com"
+      },
+      action: "commented",
+      timestamp: /* @__PURE__ */ new Date(),
+      details: newComment
+    };
+    updateCard({
+      activities: [newActivity, ...card.activities || []],
+      comments: (card.comments || 0) + 1
+    });
+    setNewComment("");
+  };
+  const addChecklistItem = () => {
+    if (!newChecklistItem.trim())
+      return;
+    const checklist = card.checklist || {
+      id: Date.now().toString(),
+      title: "Checklist",
+      items: []
+    };
+    checklist.items.push({
+      id: Date.now().toString(),
+      text: newChecklistItem,
+      completed: false
+    });
+    updateCard({ checklist });
+    setNewChecklistItem("");
+  };
+  const toggleChecklistItem = (itemId) => {
+    if (!card.checklist)
+      return;
+    const updatedChecklist = {
+      ...card.checklist,
+      items: card.checklist.items.map(
+        (item) => item.id === itemId ? { ...item, completed: !item.completed } : item
+      )
+    };
+    updateCard({ checklist: updatedChecklist });
+  };
+  const deleteChecklistItem = (itemId) => {
+    if (!card.checklist)
+      return;
+    const updatedChecklist = {
+      ...card.checklist,
+      items: card.checklist.items.filter((item) => item.id !== itemId)
+    };
+    updateCard({ checklist: updatedChecklist });
+  };
+  const completedChecklistItems = card.checklist?.items.filter((item) => item.completed).length || 0;
+  const totalChecklistItems = card.checklist?.items.length || 0;
+  const checklistProgress = totalChecklistItems > 0 ? completedChecklistItems / totalChecklistItems * 100 : 0;
+  const handleFileUpload = (e) => {
+    const files = e.target.files;
+    if (!files)
+      return;
+    const newAttachments = Array.from(files).map((file) => ({
+      id: Date.now().toString() + Math.random(),
+      name: file.name,
+      type: file.type,
+      url: URL.createObjectURL(file),
+      size: file.size
+    }));
+    updateCard({
+      attachments: [...card.attachments || [], ...newAttachments]
+    });
+  };
+  const removeAttachment = (attachmentId) => {
+    updateCard({
+      attachments: card.attachments?.filter((a) => a.id !== attachmentId)
+    });
+  };
+  return /* @__PURE__ */ jsx(MoonUIDialogPro, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "max-w-4xl max-h-[90vh] overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        isEditingTitle ? /* @__PURE__ */ jsx(
+          MoonUIInputPro,
+          {
+            value: card.title,
+            onChange: (e) => updateCard({ title: e.target.value }),
+            onBlur: () => setIsEditingTitle(false),
+            onKeyDown: (e) => {
+              if (e.key === "Enter")
+                setIsEditingTitle(false);
+              if (e.key === "Escape") {
+                setCard(initialCard);
+                setIsEditingTitle(false);
+              }
+            },
+            className: "text-xl font-semibold",
+            autoFocus: true
+          }
+        ) : /* @__PURE__ */ jsx(
+          "h2",
+          {
+            className: "text-xl font-semibold cursor-pointer hover:bg-muted rounded px-2 -mx-2 py-1",
+            onClick: () => setIsEditingTitle(true),
+            children: card.title
+          }
+        ),
+        currentColumn && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
+          "in ",
+          currentColumn
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        MoonUIButtonPro,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: onClose,
+          className: "h-8 w-8",
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(MoonUITabsPro, { value: selectedTab, onValueChange: setSelectedTab, className: "flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-6 pt-4", children: /* @__PURE__ */ jsxs(MoonUITabsListPro, { children: [
+        /* @__PURE__ */ jsx(MoonUITabsTriggerPro, { value: "overview", children: "Overview" }),
+        /* @__PURE__ */ jsxs(MoonUITabsTriggerPro, { value: "activity", children: [
+          "Activity",
+          card.activities && card.activities.length > 0 && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "ml-2", children: card.activities.length })
+        ] }),
+        /* @__PURE__ */ jsxs(MoonUITabsTriggerPro, { value: "comments", children: [
+          "Comments",
+          card.comments && card.comments > 0 && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "ml-2", children: card.comments })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 max-h-[calc(90vh-200px)]", children: /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
+        /* @__PURE__ */ jsx(MoonUITabsContentPro, { value: "overview", className: "mt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-base font-semibold mb-2 block", children: "Description" }),
+            isEditingDescription ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(
+                MoonUITextareaPro,
+                {
+                  value: card.description || "",
+                  onChange: (e) => updateCard({ description: e.target.value }),
+                  placeholder: "Add a description...",
+                  className: "min-h-[100px]",
+                  autoFocus: true
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  MoonUIButtonPro,
+                  {
+                    size: "sm",
+                    onClick: () => setIsEditingDescription(false),
+                    children: "Save"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  MoonUIButtonPro,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => {
+                      setCard(initialCard);
+                      setIsEditingDescription(false);
+                    },
+                    children: "Cancel"
+                  }
+                )
+              ] })
+            ] }) : /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "min-h-[50px] p-3 rounded-md border cursor-pointer hover:bg-muted/50",
+                onClick: () => setIsEditingDescription(true),
+                children: card.description || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Add a description..." })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-sm font-medium mb-2 block", children: "Assignees" }),
+              /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
+                /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", className: "w-full justify-start", children: card.assignees && card.assignees.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(MoonUIAvatarGroupPro, { max: 3, size: "xs", children: card.assignees.map((assignee) => /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: assignee.avatar }),
+                    /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(assignee.name) })
+                  ] }, assignee.id)) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm", children: card.assignees.map((a) => a.name).join(", ") })
+                ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Add assignee" }) }) }),
+                /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "p-0", align: "start", children: /* @__PURE__ */ jsxs(MoonUICommandPro, { children: [
+                  /* @__PURE__ */ jsx(MoonUICommandInputPro, { placeholder: "Search assignees..." }),
+                  /* @__PURE__ */ jsx(MoonUICommandEmptyPro, { children: "No assignees found." }),
+                  /* @__PURE__ */ jsx(MoonUICommandGroupPro, { children: availableAssignees.map((assignee) => {
+                    const isSelected = card.assignees?.some((a) => a.id === assignee.id);
+                    return /* @__PURE__ */ jsxs(
+                      MoonUICommandItemPro,
+                      {
+                        onSelect: () => {
+                          if (isSelected) {
+                            updateCard({
+                              assignees: card.assignees?.filter((a) => a.id !== assignee.id)
+                            });
+                          } else {
+                            updateCard({
+                              assignees: [...card.assignees || [], assignee]
+                            });
+                          }
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Check,
+                            {
+                              className: cn(
+                                "mr-2 h-4 w-4",
+                                isSelected ? "opacity-100" : "opacity-0"
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-6 w-6 mr-2", children: [
+                            /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: assignee.avatar }),
+                            /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(assignee.name) })
+                          ] }),
+                          /* @__PURE__ */ jsx("span", { children: assignee.name })
+                        ]
+                      },
+                      assignee.id
+                    );
+                  }) })
+                ] }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-sm font-medium mb-2 block", children: "Priority" }),
+              /* @__PURE__ */ jsxs(MoonUISelectPro, { value: card.priority || "medium", onValueChange: (value) => updateCard({ priority: value }), children: [
+                /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
+                /* @__PURE__ */ jsx(MoonUISelectContentPro, { children: PRIORITY_OPTIONS.map((option) => /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: option.value, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(option.icon, { className: cn("h-4 w-4", option.color) }),
+                  /* @__PURE__ */ jsx("span", { children: option.label })
+                ] }) }, option.value)) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-sm font-medium mb-2 block", children: "Due Date" }),
+              /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
+                /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", className: "w-full justify-start", children: card.dueDate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+                  format(card.dueDate, "PPP")
+                ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Set due date" }) }) }),
+                /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+                  Calendar,
+                  {
+                    mode: "single",
+                    selected: card.dueDate,
+                    onSelect: (date) => {
+                      if (date instanceof Date) {
+                        updateCard({ dueDate: date });
+                      } else {
+                        updateCard({ dueDate: void 0 });
+                      }
+                    },
+                    initialFocus: true
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-sm font-medium mb-2 block", children: "Labels" }),
+              /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
+                /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", className: "w-full justify-start", children: card.labels && card.labels.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: card.labels.map((label) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "px-2 py-0.5 rounded text-xs text-white",
+                    style: { backgroundColor: label.color },
+                    children: label.name
+                  },
+                  label.id
+                )) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Add labels" }) }) }),
+                /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "p-3", align: "start", children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: availableLabels.map((label) => {
+                  const isSelected = card.labels?.some((l) => l.id === label.id);
+                  return /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-muted",
+                        isSelected && "bg-muted"
+                      ),
+                      onClick: () => {
+                        if (isSelected) {
+                          updateCard({
+                            labels: card.labels?.filter((l) => l.id !== label.id)
+                          });
+                        } else {
+                          updateCard({
+                            labels: [...card.labels || [], label]
+                          });
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: "w-6 h-6 rounded",
+                            style: { backgroundColor: label.color }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "text-sm", children: label.name }),
+                        isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 ml-auto" })
+                      ]
+                    },
+                    label.id
+                  );
+                }) }) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+              /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-base font-semibold", children: "Checklist" }),
+              totalChecklistItems > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                  completedChecklistItems,
+                  "/",
+                  totalChecklistItems
+                ] }),
+                /* @__PURE__ */ jsx(MoonUIProgressPro, { value: checklistProgress, className: "w-20 h-2" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              card.checklist?.items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 group", children: [
+                /* @__PURE__ */ jsx(
+                  MoonUICheckboxPro,
+                  {
+                    checked: item.completed,
+                    onCheckedChange: () => toggleChecklistItem(item.id)
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: cn(
+                  "flex-1",
+                  item.completed && "line-through text-muted-foreground"
+                ), children: item.text }),
+                /* @__PURE__ */ jsx(
+                  MoonUIButtonPro,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6 opacity-0 group-hover:opacity-100",
+                    onClick: () => deleteChecklistItem(item.id),
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                  }
+                )
+              ] }, item.id)),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(MoonUICheckboxPro, { disabled: true, className: "invisible" }),
+                /* @__PURE__ */ jsx(
+                  MoonUIInputPro,
+                  {
+                    placeholder: "Add an item...",
+                    value: newChecklistItem,
+                    onChange: (e) => setNewChecklistItem(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") {
+                        e.preventDefault();
+                        addChecklistItem();
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  MoonUIButtonPro,
+                  {
+                    size: "sm",
+                    onClick: addChecklistItem,
+                    disabled: !newChecklistItem.trim(),
+                    children: "Add"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { className: "text-base font-semibold mb-3 block", children: "Attachments" }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              card.attachments?.map((attachment) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 border rounded-lg group", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: attachment.type.startsWith("image/") ? /* @__PURE__ */ jsx(Image$1, { className: "h-8 w-8 text-muted-foreground" }) : /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 text-muted-foreground" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: attachment.name }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatFileSize(attachment.size) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100", children: [
+                  /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-8 w-8",
+                      onClick: () => window.open(attachment.url, "_blank"),
+                      children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-8 w-8",
+                      onClick: () => removeAttachment(attachment.id),
+                      children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] }, attachment.id)),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "file",
+                    id: "file-upload",
+                    className: "hidden",
+                    multiple: true,
+                    onChange: handleFileUpload
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  MoonUIButtonPro,
+                  {
+                    variant: "outline",
+                    className: "w-full",
+                    onClick: () => document.getElementById("file-upload")?.click(),
+                    children: [
+                      /* @__PURE__ */ jsx(Upload, { className: "mr-2 h-4 w-4" }),
+                      "Add attachment"
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(MoonUITabsContentPro, { value: "activity", className: "mt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          card.activities?.map((activity) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-8 w-8", children: [
+              /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: activity.user.avatar }),
+              /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(activity.user.name) })
+            ] }),
+            /* @__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 text-sm", children: activity.user.name }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: activity.action }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: format(activity.timestamp, "PPp") })
+              ] }),
+              activity.details && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: activity.details })
+            ] })
+          ] }, activity.id)),
+          (!card.activities || card.activities.length === 0) && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Activity, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+            /* @__PURE__ */ jsx("p", { children: "No activity yet" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(MoonUITabsContentPro, { value: "comments", className: "mt-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsx(MoonUIAvatarPro, { className: "h-8 w-8", children: /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { children: "U" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ jsx(
+                MoonUITextareaPro,
+                {
+                  placeholder: "Add a comment...",
+                  value: newComment,
+                  onChange: (e) => setNewComment(e.target.value),
+                  className: "min-h-[80px]"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
+                MoonUIButtonPro,
+                {
+                  size: "sm",
+                  onClick: addComment,
+                  disabled: !newComment.trim(),
+                  children: [
+                    /* @__PURE__ */ jsx(Send, { className: "mr-2 h-4 w-4" }),
+                    "Comment"
+                  ]
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(MoonUISeparatorPro, {}),
+          card.activities?.filter((a) => a.action === "commented").map((comment) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-8 w-8", children: [
+              /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: comment.user.avatar }),
+              /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(comment.user.name) })
+            ] }),
+            /* @__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 text-sm", children: comment.user.name }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: format(comment.timestamp, "PPp") })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm", children: comment.details })
+            ] })
+          ] }, comment.id)),
+          !card.activities?.some((a) => a.action === "commented") && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(MessageCircle, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+            /* @__PURE__ */ jsx("p", { children: "No comments yet" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Be the first to comment" })
+          ] })
+        ] }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-t p-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+        /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+          /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4 mr-2" }),
+          "Actions"
+        ] }) }),
+        /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "start", children: [
+          /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+            /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
+            "Duplicate card"
+          ] }),
+          /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+            /* @__PURE__ */ jsx(Archive, { className: "mr-2 h-4 w-4" }),
+            "Archive card"
+          ] }),
+          /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+            /* @__PURE__ */ jsx(Link2, { className: "mr-2 h-4 w-4" }),
+            "Copy link"
+          ] }),
+          /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+          /* @__PURE__ */ jsxs(
+            MoonUIDropdownMenuItemPro,
+            {
+              onClick: () => {
+                onDelete(card);
+                onClose();
+              },
+              className: "text-destructive",
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                "Delete card"
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: onClose, children: "Close" })
+    ] })
+  ] }) });
+}
+var PRIORITY_OPTIONS2 = [
+  { value: "low", label: "Low Priority", icon: Flag, color: "text-green-600" },
+  { value: "medium", label: "Medium Priority", icon: Flag, color: "text-yellow-600" },
+  { value: "high", label: "High Priority", icon: Flag, color: "text-orange-600" },
+  { value: "urgent", label: "Urgent", icon: Zap, color: "text-red-600" }
+];
+var CARD_TEMPLATES = [
+  {
+    name: "Bug Report",
+    icon: Flag,
+    template: {
+      title: "Bug: ",
+      description: "**Steps to Reproduce:**\n1. \n2. \n3. \n\n**Expected Behavior:**\n\n**Actual Behavior:**",
+      priority: "high",
+      tags: ["bug"]
+    }
+  },
+  {
+    name: "Feature Request",
+    icon: Star,
+    template: {
+      title: "Feature: ",
+      description: "**User Story:**\nAs a [user type], I want [feature] so that [benefit].\n\n**Acceptance Criteria:**\n- [ ] ",
+      priority: "medium",
+      tags: ["feature"]
+    }
+  },
+  {
+    name: "Task",
+    icon: CheckSquare,
+    template: {
+      title: "Task: ",
+      description: "**Objective:**\n\n**Tasks:**\n- [ ] ",
+      priority: "medium",
+      tags: ["task"]
+    }
+  },
+  {
+    name: "User Story",
+    icon: User,
+    template: {
+      title: "As a ",
+      description: "**Story:**\nAs a [user type]\nI want [functionality]\nSo that [benefit]\n\n**Acceptance Criteria:**\n- [ ] ",
+      priority: "medium",
+      tags: ["story"]
+    }
+  }
+];
+var getInitials2 = (name) => {
+  return name.split(" ").map((n) => n[0]).join("").toUpperCase();
+};
+function AddCardModal({
+  isOpen,
+  onClose,
+  onAdd,
+  columnId,
+  columnTitle,
+  availableAssignees = [],
+  availableLabels = [],
+  templates = []
+}) {
+  const [selectedTab, setSelectedTab] = useState("blank");
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [priority, setPriority] = useState("medium");
+  const [assignees, setAssignees] = useState([]);
+  const [labels, setLabels] = useState([]);
+  const [dueDate, setDueDate] = useState();
+  const [tags, setTags] = useState([]);
+  const [tagInput, setTagInput] = useState("");
+  const handleTemplateSelect = (template) => {
+    setTitle(template.title || "");
+    setDescription(template.description || "");
+    setPriority(template.priority || "medium");
+    setTags(template.tags || []);
+    if (template.assignees)
+      setAssignees(template.assignees);
+    if (template.labels)
+      setLabels(template.labels);
+    if (template.dueDate)
+      setDueDate(template.dueDate);
+  };
+  const handleSubmit = () => {
+    if (!title.trim())
+      return;
+    const newCard = {
+      title: title.trim(),
+      description: description.trim() || void 0,
+      priority,
+      assignees: assignees.length > 0 ? assignees : void 0,
+      labels: labels.length > 0 ? labels : void 0,
+      dueDate,
+      tags: tags.length > 0 ? tags : void 0,
+      position: Date.now()
+    };
+    onAdd(newCard);
+    resetForm();
+    onClose();
+  };
+  const resetForm = () => {
+    setTitle("");
+    setDescription("");
+    setPriority("medium");
+    setAssignees([]);
+    setLabels([]);
+    setDueDate(void 0);
+    setTags([]);
+    setTagInput("");
+    setSelectedTab("blank");
+  };
+  const handleAddTag = () => {
+    if (tagInput.trim() && !tags.includes(tagInput.trim())) {
+      setTags([...tags, tagInput.trim()]);
+      setTagInput("");
+    }
+  };
+  [...CARD_TEMPLATES.map((t2) => ({ ...t2.template, name: t2.name, icon: t2.icon })), ...templates];
+  return /* @__PURE__ */ jsx(MoonUIDialogPro, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsx(MoonUIDialogHeaderPro, { children: /* @__PURE__ */ jsxs(MoonUIDialogTitlePro, { children: [
+      "Add Card to ",
+      columnTitle
+    ] }) }),
+    /* @__PURE__ */ jsxs(MoonUITabsPro, { value: selectedTab, onValueChange: setSelectedTab, children: [
+      /* @__PURE__ */ jsxs(MoonUITabsListPro, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ jsx(MoonUITabsTriggerPro, { value: "blank", children: "Blank Card" }),
+        /* @__PURE__ */ jsx(MoonUITabsTriggerPro, { value: "template", children: "From Template" })
+      ] }),
+      /* @__PURE__ */ jsx(MoonUITabsContentPro, { value: "blank", className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "title", children: "Title *" }),
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              id: "title",
+              placeholder: "Enter card title...",
+              value: title,
+              onChange: (e) => setTitle(e.target.value),
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "description", children: "Description" }),
+          /* @__PURE__ */ jsx(
+            MoonUITextareaPro,
+            {
+              id: "description",
+              placeholder: "Add a more detailed description...",
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              className: "min-h-[100px]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Priority" }),
+            /* @__PURE__ */ jsxs(MoonUISelectPro, { value: priority, onValueChange: (value) => setPriority(value), children: [
+              /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
+              /* @__PURE__ */ jsx(MoonUISelectContentPro, { children: PRIORITY_OPTIONS2.map((option) => /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: option.value, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(option.icon, { className: cn("h-4 w-4", option.color) }),
+                /* @__PURE__ */ jsx("span", { children: option.label })
+              ] }) }, option.value)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Due Date" }),
+            /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
+              /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", className: "w-full justify-start", children: dueDate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+                format(dueDate, "PPP")
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Calendar$1, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Pick a date" })
+              ] }) }) }),
+              /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+                Calendar,
+                {
+                  mode: "single",
+                  selected: dueDate,
+                  onSelect: (date) => {
+                    if (date instanceof Date) {
+                      setDueDate(date);
+                    } else {
+                      setDueDate(void 0);
+                    }
+                  },
+                  initialFocus: true
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Assignees" }),
+            /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
+              /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", className: "w-full justify-start", children: assignees.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(MoonUIAvatarGroupPro, { max: 2, size: "xs", children: assignees.map((assignee) => /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-5 w-5", children: [
+                  /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: assignee.avatar }),
+                  /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials2(assignee.name) })
+                ] }, assignee.id)) }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: assignees.map((a) => a.name).join(", ") })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(User, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Select assignees" })
+              ] }) }) }),
+              /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "p-0", align: "start", children: /* @__PURE__ */ jsxs(MoonUICommandPro, { children: [
+                /* @__PURE__ */ jsx(MoonUICommandInputPro, { placeholder: "Search people..." }),
+                /* @__PURE__ */ jsx(MoonUICommandEmptyPro, { children: "No assignees found." }),
+                /* @__PURE__ */ jsx(MoonUICommandGroupPro, { children: availableAssignees.map((assignee) => {
+                  const isSelected = assignees.some((a) => a.id === assignee.id);
+                  return /* @__PURE__ */ jsxs(
+                    MoonUICommandItemPro,
+                    {
+                      onSelect: () => {
+                        if (isSelected) {
+                          setAssignees(assignees.filter((a) => a.id !== assignee.id));
+                        } else {
+                          setAssignees([...assignees, assignee]);
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Check,
+                          {
+                            className: cn(
+                              "mr-2 h-4 w-4",
+                              isSelected ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-6 w-6 mr-2", children: [
+                          /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: assignee.avatar }),
+                          /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials2(assignee.name) })
+                        ] }),
+                        /* @__PURE__ */ jsx("span", { children: assignee.name })
+                      ]
+                    },
+                    assignee.id
+                  );
+                }) })
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Labels" }),
+            /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
+              /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", className: "w-full justify-start", children: labels.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 truncate", children: [
+                labels.slice(0, 2).map((label) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "px-2 py-0.5 rounded text-xs text-white",
+                    style: { backgroundColor: label.color },
+                    children: label.name
+                  },
+                  label.id
+                )),
+                labels.length > 2 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                  "+",
+                  labels.length - 2,
+                  " more"
+                ] })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Tag, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Select labels" })
+              ] }) }) }),
+              /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "p-3", align: "start", children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: availableLabels.map((label) => {
+                const isSelected = labels.some((l) => l.id === label.id);
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-2 p-2 rounded cursor-pointer hover:bg-muted",
+                      isSelected && "bg-muted"
+                    ),
+                    onClick: () => {
+                      if (isSelected) {
+                        setLabels(labels.filter((l) => l.id !== label.id));
+                      } else {
+                        setLabels([...labels, label]);
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "w-6 h-6 rounded",
+                          style: { backgroundColor: label.color }
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "text-sm", children: label.name }),
+                      isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 ml-auto" })
+                    ]
+                  },
+                  label.id
+                );
+              }) }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Tags" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx(
+                MoonUIInputPro,
+                {
+                  placeholder: "Add a tag...",
+                  value: tagInput,
+                  onChange: (e) => setTagInput(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      handleAddTag();
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                MoonUIButtonPro,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: handleAddTag,
+                  disabled: !tagInput.trim(),
+                  children: "Add"
+                }
+              )
+            ] }),
+            tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: tags.map((tag) => /* @__PURE__ */ jsxs(
+              MoonUIBadgePro,
+              {
+                variant: "secondary",
+                className: "cursor-pointer",
+                onClick: () => setTags(tags.filter((t2) => t2 !== tag)),
+                children: [
+                  tag,
+                  /* @__PURE__ */ jsx("span", { className: "ml-1 hover:text-destructive", children: "\xD7" })
+                ]
+              },
+              tag
+            )) })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(MoonUITabsContentPro, { value: "template", className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        CARD_TEMPLATES.map((template) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "p-4 border rounded-lg cursor-pointer hover:bg-muted/50 transition-colors",
+            onClick: () => {
+              handleTemplateSelect(template.template);
+              setSelectedTab("blank");
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+                /* @__PURE__ */ jsx(template.icon, { className: "h-5 w-5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("h4", { className: "font-medium", children: template.name })
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                template.name === "Bug Report" && "Track and fix bugs with detailed information",
+                template.name === "Feature Request" && "Plan new features with user stories",
+                template.name === "Task" && "Create actionable tasks with clear objectives",
+                template.name === "User Story" && "Define user needs and acceptance criteria"
+              ] })
+            ]
+          },
+          template.name
+        )),
+        templates.map((template, index2) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "p-4 border rounded-lg cursor-pointer hover:bg-muted/50 transition-colors",
+            onClick: () => {
+              handleTemplateSelect(template);
+              setSelectedTab("blank");
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+                /* @__PURE__ */ jsx(Star, { className: "h-5 w-5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("h4", { className: "font-medium", children: template.title || `Template ${index2 + 1}` })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-2", children: template.description || "Custom template" })
+            ]
+          },
+          `custom-${index2}`
+        ))
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(MoonUIDialogFooterPro, { children: [
+      /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: handleSubmit, disabled: !title.trim(), children: "Add Card" })
+    ] })
+  ] }) });
+}
+
+// src/hooks/use-toast.ts
+function useToast() {
+  const toast3 = (options) => {
+    console.log(`[Toast] ${options.title}${options.description ? ": " + options.description : ""}`);
+  };
+  return { toast: toast3 };
+}
+var PRIORITY_CONFIG = {
+  low: {
+    color: "bg-green-100 text-green-800 border-green-200",
+    dot: "bg-green-500",
+    icon: ArrowDown
+  },
+  medium: {
+    color: "bg-yellow-100 text-yellow-800 border-yellow-200",
+    dot: "bg-yellow-500",
+    icon: ArrowUp
+  },
+  high: {
+    color: "bg-orange-100 text-orange-800 border-orange-200",
+    dot: "bg-orange-500",
+    icon: Zap
+  },
+  urgent: {
+    color: "bg-red-100 text-red-800 border-red-200",
+    dot: "bg-red-500",
+    icon: AlertCircle
+  }
+};
+var COLUMN_TEMPLATES = {
+  todo: { title: "To Do", color: "#6B7280" },
+  inProgress: { title: "In Progress", color: "#3B82F6" },
+  done: { title: "Done", color: "#10B981" }
+};
+var formatDate = (date) => {
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: date.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? "numeric" : void 0
+  });
+};
+var isOverdue = (dueDate) => {
+  return dueDate < /* @__PURE__ */ new Date();
+};
+var getInitials3 = (name) => {
+  return name.split(" ").map((n) => n[0]).join("").toUpperCase();
+};
+var useAutoScroll = () => {
+  const scrollRef = useRef(null);
+  const scrollIntervalRef = useRef(null);
+  const startAutoScroll = useCallback((direction) => {
+    if (scrollIntervalRef.current)
+      return;
+    scrollIntervalRef.current = setInterval(() => {
+      if (scrollRef.current) {
+        const scrollAmount = direction === "left" ? -10 : 10;
+        scrollRef.current.scrollLeft += scrollAmount;
+      }
+    }, 20);
+  }, []);
+  const stopAutoScroll = useCallback(() => {
+    if (scrollIntervalRef.current) {
+      clearInterval(scrollIntervalRef.current);
+      scrollIntervalRef.current = null;
+    }
+  }, []);
+  useEffect(() => {
+    return () => stopAutoScroll();
+  }, [stopAutoScroll]);
+  return { scrollRef, startAutoScroll, stopAutoScroll };
+};
+var KanbanCardComponent = ({
+  card,
+  isDragging,
+  onEdit,
+  onDelete,
+  onClick,
+  showDetails,
+  disabled
+}) => {
+  const [isEditingTitle, setIsEditingTitle] = useState(false);
+  const [title, setTitle] = useState(card.title);
+  const dragControls = useDragControls();
+  const completedChecklistItems = card.checklist?.items.filter((item) => item.completed).length || 0;
+  const totalChecklistItems = card.checklist?.items.length || 0;
+  const checklistProgress = totalChecklistItems > 0 ? completedChecklistItems / totalChecklistItems * 100 : 0;
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      layout: true,
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -20 },
+      whileHover: { scale: 1.02 },
+      whileDrag: { scale: 1.05, rotate: 3 },
+      transition: { duration: 0.2 },
+      className: cn(
+        "relative group cursor-pointer select-none",
+        isDragging && "z-50"
+      ),
+      children: /* @__PURE__ */ jsxs(
+        MoonUICardPro,
+        {
+          className: cn(
+            "border hover:shadow-md transition-all duration-200",
+            isDragging && "shadow-2xl ring-2 ring-primary ring-offset-2",
+            disabled && "cursor-not-allowed opacity-50"
+          ),
+          onClick,
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-primary/20 to-primary/10 opacity-0 group-hover:opacity-100 transition-opacity cursor-move",
+                onPointerDown: (e) => dragControls.start(e)
+              }
+            ),
+            card.coverImage && /* @__PURE__ */ jsxs("div", { className: "relative h-32 -mx-px -mt-px rounded-t-lg overflow-hidden", children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: card.coverImage,
+                  alt: "",
+                  className: "w-full h-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" })
+            ] }),
+            /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "p-3", children: [
+              card.labels && card.labels.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: card.labels.map((label) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "h-2 w-12 rounded-full",
+                  style: { backgroundColor: label.color },
+                  title: label.name
+                },
+                label.id
+              )) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 mb-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: isEditingTitle ? /* @__PURE__ */ jsx(
+                  MoonUIInputPro,
+                  {
+                    value: title,
+                    onChange: (e) => setTitle(e.target.value),
+                    onBlur: () => setIsEditingTitle(false),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") {
+                        setIsEditingTitle(false);
+                      }
+                      if (e.key === "Escape") {
+                        setTitle(card.title);
+                        setIsEditingTitle(false);
+                      }
+                    },
+                    className: "h-6 px-1 py-0 text-sm font-medium",
+                    autoFocus: true,
+                    onClick: (e) => e.stopPropagation()
+                  }
+                ) : /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm line-clamp-2", children: card.title }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                  /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-6 w-6 p-0",
+                      onClick: (e) => e.stopPropagation(),
+                      children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-3 w-3" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", className: "w-48", children: [
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: onEdit, children: [
+                      /* @__PURE__ */ jsx(Edit, { className: "mr-2 h-4 w-4" }),
+                      "Edit"
+                    ] }),
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                      /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
+                      "Duplicate"
+                    ] }),
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                      /* @__PURE__ */ jsx(Move, { className: "mr-2 h-4 w-4" }),
+                      "Move"
+                    ] }),
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                      /* @__PURE__ */ jsx(Archive, { className: "mr-2 h-4 w-4" }),
+                      "Archive"
+                    ] }),
+                    /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                    /* @__PURE__ */ jsxs(
+                      MoonUIDropdownMenuItemPro,
+                      {
+                        onClick: onDelete,
+                        className: "text-destructive",
+                        children: [
+                          /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                          "Delete"
+                        ]
+                      }
+                    )
+                  ] })
+                ] }) })
+              ] }),
+              card.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-3 line-clamp-2", children: card.description }),
+              (card.progress !== void 0 || card.checklist) && /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground mb-1", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Progress" }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    Math.round(card.progress || checklistProgress),
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(MoonUIProgressPro, { value: card.progress || checklistProgress, className: "h-1" })
+              ] }),
+              card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-3", children: card.tags.map((tag, index2) => /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs px-1.5 py-0", children: tag }, index2)) }),
+              showDetails && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  card.priority && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", PRIORITY_CONFIG[card.priority].dot) }),
+                    /* @__PURE__ */ jsx("span", { className: "capitalize", children: card.priority })
+                  ] }),
+                  card.dueDate && /* @__PURE__ */ jsxs("div", { className: cn(
+                    "flex items-center gap-1",
+                    isOverdue(card.dueDate) && "text-destructive"
+                  ), children: [
+                    /* @__PURE__ */ jsx(Calendar$1, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx("span", { children: formatDate(card.dueDate) })
+                  ] }),
+                  card.checklist && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(CheckSquare, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      completedChecklistItems,
+                      "/",
+                      totalChecklistItems
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  card.comments && card.comments > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(MessageCircle, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx("span", { children: card.comments })
+                  ] }),
+                  card.attachments && card.attachments.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx("span", { children: card.attachments.length })
+                  ] }),
+                  card.assignees && card.assignees.length > 0 && /* @__PURE__ */ jsx(MoonUIAvatarGroupPro, { max: 3, size: "xs", children: card.assignees.map((assignee) => /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: assignee.avatar }),
+                    /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials3(assignee.name) })
+                  ] }, assignee.id)) })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
 };
 function Kanban({
-  columns,
+  columns: initialColumns,
   onCardMove,
   onCardClick,
   onCardEdit,
   onCardDelete,
+  onCardUpdate,
   onAddCard,
   onAddColumn,
+  onColumnUpdate,
+  onColumnDelete,
+  onBulkAction,
+  onExport,
   className,
   showAddColumn = true,
   showCardDetails = true,
-  disabled = false
+  showFilters = true,
+  showSearch = true,
+  enableKeyboardShortcuts = true,
+  cardTemplates = [],
+  columnTemplates = [],
+  filters = [],
+  defaultFilter,
+  loading = false,
+  disabled = false,
+  labels = [],
+  users = []
 }) {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
@@ -11144,243 +12410,852 @@ function Kanban({
       ] })
     ] }) }) });
   }
-  const [draggedCard, setDraggedCard] = t__default.useState(null);
-  const [draggedOverColumn, setDraggedOverColumn] = t__default.useState(null);
-  const [draggedFromColumn, setDraggedFromColumn] = t__default.useState(null);
-  const handleDragStart = (e, cardId) => {
-    if (disabled)
+  const [columns, setColumns] = useState(initialColumns);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [activeFilter, setActiveFilter] = useState(defaultFilter);
+  const [selectedCards, setSelectedCards] = useState([]);
+  const [draggedCard, setDraggedCard] = useState(null);
+  const [draggedOverColumn, setDraggedOverColumn] = useState(null);
+  const [isCreatingColumn, setIsCreatingColumn] = useState(false);
+  const [newColumnTitle, setNewColumnTitle] = useState("");
+  const [selectedCard, setSelectedCard] = useState(null);
+  const [addCardColumnId, setAddCardColumnId] = useState(null);
+  const [editingColumnId, setEditingColumnId] = useState(null);
+  const [editingColumnTitle, setEditingColumnTitle] = useState("");
+  const [wipLimitModalOpen, setWipLimitModalOpen] = useState(false);
+  const [wipLimitColumnId, setWipLimitColumnId] = useState(null);
+  const [wipLimit, setWipLimit] = useState();
+  const [colorPickerOpen, setColorPickerOpen] = useState(false);
+  const [colorPickerColumnId, setColorPickerColumnId] = useState(null);
+  const [selectedColor, setSelectedColor] = useState("#6B7280");
+  const { scrollRef, startAutoScroll, stopAutoScroll } = useAutoScroll();
+  const { toast: toast3 } = useToast();
+  const filteredColumns = useMemo(() => {
+    if (!searchQuery && !activeFilter)
+      return columns;
+    return columns.map((column) => ({
+      ...column,
+      cards: column.cards.filter((card) => {
+        if (searchQuery) {
+          const query = searchQuery.toLowerCase();
+          const matchesSearch = card.title.toLowerCase().includes(query) || card.description?.toLowerCase().includes(query) || card.tags?.some((tag) => tag.toLowerCase().includes(query)) || card.assignees?.some((a) => a.name.toLowerCase().includes(query));
+          if (!matchesSearch)
+            return false;
+        }
+        if (activeFilter) {
+          const filter = filters.find((f) => f.id === activeFilter);
+          if (filter) {
+            if (filter.assignees?.length && !card.assignees?.some((a) => filter.assignees.includes(a.id))) {
+              return false;
+            }
+            if (filter.priority?.length && !filter.priority.includes(card.priority || "")) {
+              return false;
+            }
+            if (filter.labels?.length && !card.labels?.some((l) => filter.labels.includes(l.id))) {
+              return false;
+            }
+          }
+        }
+        return true;
+      })
+    }));
+  }, [columns, searchQuery, activeFilter, filters]);
+  useEffect(() => {
+    if (!enableKeyboardShortcuts)
       return;
-    const sourceColumn = columns.find(
-      (col) => col.cards.some((card) => card.id === cardId)
-    );
-    setDraggedCard(cardId);
-    setDraggedFromColumn(sourceColumn?.id || null);
-    e.dataTransfer.effectAllowed = "move";
-    e.dataTransfer.setData("text/plain", cardId);
-    e.currentTarget.classList.add("opacity-50");
-  };
-  const handleDragEnd = (e) => {
+    const handleKeyDown3 = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "f") {
+        e.preventDefault();
+        document.getElementById("kanban-search")?.focus();
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === "n") {
+        e.preventDefault();
+        const firstColumn = columns[0];
+        if (firstColumn && onAddCard) {
+          onAddCard(firstColumn.id);
+        }
+      }
+      if (e.key === "Escape") {
+        setSelectedCards([]);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown3);
+    return () => window.removeEventListener("keydown", handleKeyDown3);
+  }, [enableKeyboardShortcuts, columns, onAddCard]);
+  const handleDragStart = (card, columnId) => {
     if (disabled)
       return;
-    setDraggedCard(null);
-    setDraggedOverColumn(null);
-    setDraggedFromColumn(null);
-    e.currentTarget.classList.remove("opacity-50");
+    setDraggedCard(card.id);
   };
   const handleDragOver = (e, columnId) => {
     if (disabled)
       return;
     e.preventDefault();
-    e.dataTransfer.dropEffect = "move";
     setDraggedOverColumn(columnId);
-  };
-  const handleDragEnter = (e, columnId) => {
-    if (disabled)
+    const container = scrollRef.current;
+    if (!container)
       return;
-    e.preventDefault();
-    setDraggedOverColumn(columnId);
+    const rect = container.getBoundingClientRect();
+    const x = e.clientX;
+    if (x < rect.left + 100) {
+      startAutoScroll("left");
+    } else if (x > rect.right - 100) {
+      startAutoScroll("right");
+    } else {
+      stopAutoScroll();
+    }
   };
-  const handleDragLeave = (e, columnId) => {
-    if (disabled)
+  const handleDragEnd = () => {
+    setDraggedCard(null);
+    setDraggedOverColumn(null);
+    stopAutoScroll();
+  };
+  const handleDrop = (e, targetColumnId, targetIndex) => {
+    if (disabled || !draggedCard || !onCardMove)
       return;
     e.preventDefault();
-    const rect = e.currentTarget.getBoundingClientRect();
-    const isLeavingColumn = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
-    if (isLeavingColumn) {
-      setDraggedOverColumn(null);
+    let sourceColumnId = null;
+    let sourceCard = null;
+    for (const column of columns) {
+      const card = column.cards.find((c2) => c2.id === draggedCard);
+      if (card) {
+        sourceColumnId = column.id;
+        sourceCard = card;
+        break;
+      }
+    }
+    if (sourceColumnId && sourceCard) {
+      onCardMove(draggedCard, sourceColumnId, targetColumnId, targetIndex);
     }
+    handleDragEnd();
   };
-  const handleDrop = (e, columnId) => {
-    if (disabled)
-      return;
-    e.preventDefault();
-    const cardId = e.dataTransfer.getData("text/plain") || draggedCard;
-    if (cardId && onCardMove && draggedFromColumn && draggedFromColumn !== columnId) {
-      const targetColumn = columns.find((col) => col.id === columnId);
-      const newIndex = targetColumn?.cards.length || 0;
-      onCardMove(cardId, draggedFromColumn, columnId, newIndex);
+  const handleBulkAction = (action) => {
+    if (onBulkAction && selectedCards.length > 0) {
+      onBulkAction(action, selectedCards);
+      setSelectedCards([]);
+    }
+  };
+  const handleColumnAction = (column, action) => {
+    switch (action) {
+      case "rename":
+        setEditingColumnId(column.id);
+        setEditingColumnTitle(column.title);
+        break;
+      case "delete":
+        onColumnDelete?.(column.id);
+        toast3({
+          title: "Column deleted",
+          description: `"${column.title}" has been deleted`
+        });
+        break;
+      case "collapse":
+        const updatedColumn = { ...column, collapsed: !column.collapsed };
+        onColumnUpdate?.(updatedColumn);
+        setColumns(columns.map((col) => col.id === column.id ? updatedColumn : col));
+        break;
+      case "setLimit":
+        setWipLimitColumnId(column.id);
+        setWipLimit(column.limit);
+        setWipLimitModalOpen(true);
+        break;
+      case "changeColor":
+        setColorPickerColumnId(column.id);
+        setSelectedColor(column.color || "#6B7280");
+        setColorPickerOpen(true);
+        break;
+      case "sortByPriority":
+        const sortedCards = [...column.cards].sort((a, b) => {
+          const priorityOrder = { urgent: 4, high: 3, medium: 2, low: 1 };
+          return (priorityOrder[b.priority || "medium"] || 2) - (priorityOrder[a.priority || "medium"] || 2);
+        });
+        const sortedColumn = { ...column, cards: sortedCards };
+        onColumnUpdate?.(sortedColumn);
+        setColumns(columns.map((col) => col.id === column.id ? sortedColumn : col));
+        toast3({
+          title: "Cards sorted",
+          description: "Cards sorted by priority"
+        });
+        break;
+      case "sortByDueDate":
+        const dateCards = [...column.cards].sort((a, b) => {
+          if (!a.dueDate && !b.dueDate)
+            return 0;
+          if (!a.dueDate)
+            return 1;
+          if (!b.dueDate)
+            return -1;
+          return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime();
+        });
+        const dateColumn = { ...column, cards: dateCards };
+        onColumnUpdate?.(dateColumn);
+        setColumns(columns.map((col) => col.id === column.id ? dateColumn : col));
+        toast3({
+          title: "Cards sorted",
+          description: "Cards sorted by due date"
+        });
+        break;
+      case "sortAlphabetically":
+        const alphaCards = [...column.cards].sort((a, b) => a.title.localeCompare(b.title));
+        const alphaColumn = { ...column, cards: alphaCards };
+        onColumnUpdate?.(alphaColumn);
+        setColumns(columns.map((col) => col.id === column.id ? alphaColumn : col));
+        toast3({
+          title: "Cards sorted",
+          description: "Cards sorted alphabetically"
+        });
+        break;
     }
-    setDraggedCard(null);
-    setDraggedOverColumn(null);
-    setDraggedFromColumn(null);
   };
   const handleCardClick = (card) => {
-    if (disabled)
-      return;
-    onCardClick?.(card);
+    if (onCardClick) {
+      onCardClick(card);
+    } else {
+      setSelectedCard(card);
+    }
   };
-  const handleCardEdit = (card, e) => {
-    if (disabled)
+  const handleCardUpdate = (updatedCard) => {
+    onCardUpdate?.(updatedCard);
+    setColumns(columns.map((col) => ({
+      ...col,
+      cards: col.cards.map((card) => card.id === updatedCard.id ? updatedCard : card)
+    })));
+  };
+  const handleAddCard = (columnId, newCard) => {
+    if (onAddCard) {
+      onAddCard(columnId, newCard);
+    } else {
+      setAddCardColumnId(columnId);
+    }
+  };
+  const handleAddNewCard = (card) => {
+    if (!addCardColumnId)
       return;
-    e.stopPropagation();
-    onCardEdit?.(card);
+    const newCard = {
+      id: Date.now().toString(),
+      title: card.title || "New Card",
+      position: Date.now(),
+      ...card
+    };
+    setColumns(columns.map((col) => {
+      if (col.id === addCardColumnId) {
+        return {
+          ...col,
+          cards: [...col.cards, newCard]
+        };
+      }
+      return col;
+    }));
+    onAddCard?.(addCardColumnId, newCard);
+    toast3({
+      title: "Card added",
+      description: `"${newCard.title}" has been added`
+    });
   };
-  const handleCardDelete = (card, e) => {
-    if (disabled)
+  const handleColumnRename = (columnId) => {
+    const column = columns.find((col) => col.id === columnId);
+    if (!column || !editingColumnTitle.trim())
       return;
-    e.stopPropagation();
-    onCardDelete?.(card);
+    const updatedColumn = { ...column, title: editingColumnTitle.trim() };
+    onColumnUpdate?.(updatedColumn);
+    setColumns(columns.map((col) => col.id === columnId ? updatedColumn : col));
+    setEditingColumnId(null);
+    setEditingColumnTitle("");
+    toast3({
+      title: "Column renamed",
+      description: `Column renamed to "${editingColumnTitle.trim()}"`
+    });
   };
-  const formatDate = (date) => {
-    return date.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric"
+  const handleWipLimitUpdate = () => {
+    const column = columns.find((col) => col.id === wipLimitColumnId);
+    if (!column)
+      return;
+    const updatedColumn = { ...column, limit: wipLimit };
+    onColumnUpdate?.(updatedColumn);
+    setColumns(columns.map((col) => col.id === wipLimitColumnId ? updatedColumn : col));
+    setWipLimitModalOpen(false);
+    toast3({
+      title: "WIP limit updated",
+      description: wipLimit ? `WIP limit set to ${wipLimit}` : "WIP limit removed"
     });
   };
-  const isOverdue = (dueDate) => {
-    return dueDate < /* @__PURE__ */ new Date();
+  const handleColorUpdate = () => {
+    const column = columns.find((col) => col.id === colorPickerColumnId);
+    if (!column)
+      return;
+    const updatedColumn = { ...column, color: selectedColor };
+    onColumnUpdate?.(updatedColumn);
+    setColumns(columns.map((col) => col.id === colorPickerColumnId ? updatedColumn : col));
+    setColorPickerOpen(false);
+    toast3({
+      title: "Column color updated",
+      description: "Column color has been changed"
+    });
   };
-  const getInitials = (name) => {
-    return name.split(" ").map((n) => n[0]).join("").toUpperCase();
+  const handleExport = (format5) => {
+    if (onExport) {
+      onExport(format5);
+    } else {
+      if (format5 === "json") {
+        const data = JSON.stringify(columns, null, 2);
+        const blob = new Blob([data], { type: "application/json" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = "kanban-board.json";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+        toast3({
+          title: "Board exported",
+          description: "Board exported as JSON file"
+        });
+      } else if (format5 === "csv") {
+        let csv = "Column,Card Title,Description,Priority,Assignees,Due Date,Tags\n";
+        columns.forEach((column) => {
+          column.cards.forEach((card) => {
+            csv += `"${column.title}",`;
+            csv += `"${card.title}",`;
+            csv += `"${card.description || ""}",`;
+            csv += `"${card.priority || ""}",`;
+            csv += `"${card.assignees?.map((a2) => a2.name).join(", ") || ""}",`;
+            csv += `"${card.dueDate ? new Date(card.dueDate).toLocaleDateString() : ""}",`;
+            csv += `"${card.tags?.join(", ") || ""}"
+`;
+          });
+        });
+        const blob = new Blob([csv], { type: "text/csv" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = "kanban-board.csv";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+        toast3({
+          title: "Board exported",
+          description: "Board exported as CSV file"
+        });
+      }
+    }
   };
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs("div", { className: "flex gap-6 overflow-x-auto pb-4", children: [
-    columns.map((column) => {
-      const isOverLimit = column.limit && column.cards.length > column.limit;
-      const isDraggedOver = draggedOverColumn === column.id;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex-shrink-0 w-80 transition-colors duration-200",
-            isDraggedOver && "bg-primary/5 rounded-lg border-2 border-primary/20"
-          ),
-          onDragOver: (e) => handleDragOver(e, column.id),
-          onDragEnter: (e) => handleDragEnter(e, column.id),
-          onDragLeave: (e) => handleDragLeave(e, column.id),
-          onDrop: (e) => handleDrop(e, column.id),
-          children: /* @__PURE__ */ jsxs(MoonUICardPro, { className: "h-full", children: [
-            /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  column.color && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "w-3 h-3 rounded-full",
-                      style: { backgroundColor: column.color }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-sm font-medium", children: column.title }),
-                  /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs", children: column.cards.length })
-                ] }),
-                /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) })
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx("div", { className: "flex gap-6 overflow-x-auto pb-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-80", children: /* @__PURE__ */ jsxs(MoonUICardPro, { children: [
+      /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-4 w-24" }) }),
+      /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "space-y-3", children: [1, 2, 3].map((j) => /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-24 w-full" }, j)) })
+    ] }) }, i)) }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    (showSearch || showFilters) && /* @__PURE__ */ jsxs("div", { className: "mb-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        showSearch && /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-md", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              id: "kanban-search",
+              placeholder: "Search cards...",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              className: "pl-9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          showFilters && filters.length > 0 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+              /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+              "Filter",
+              activeFilter && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "ml-2", children: filters.find((f) => f.id === activeFilter)?.name })
+            ] }) }),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", className: "w-48", children: [
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Quick Filters" }),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => setActiveFilter(void 0), children: [
+                /* @__PURE__ */ jsx(X, { className: "mr-2 h-4 w-4" }),
+                "Clear filter"
               ] }),
-              column.limit && /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { className: cn(
-                "text-xs",
-                isOverLimit && "text-destructive"
-              ), children: isOverLimit ? "Over limit" : `${column.cards.length}/${column.limit} cards` })
-            ] }),
-            /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-3", children: [
-              column.cards.map((card) => /* @__PURE__ */ jsxs(
-                "div",
+              filters.map((filter) => /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
                 {
-                  draggable: !disabled,
-                  onDragStart: (e) => handleDragStart(e, card.id),
-                  onDragEnd: handleDragEnd,
-                  onClick: () => handleCardClick(card),
-                  className: cn(
-                    "p-3 bg-background border rounded-lg cursor-pointer hover:shadow-md transition-all duration-200",
-                    "group relative select-none",
-                    draggedCard === card.id && "opacity-50 scale-95",
-                    disabled && "cursor-not-allowed"
-                  ),
+                  onClick: () => setActiveFilter(filter.id),
                   children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                        /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm mb-1", children: card.title }),
-                        card.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-2 line-clamp-2", children: card.description })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                        /* @__PURE__ */ jsx(
-                          MoonUIButtonPro,
+                    /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        className: cn(
+                          "mr-2 h-4 w-4",
+                          activeFilter === filter.id ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    ),
+                    filter.name
+                  ]
+                },
+                filter.id
+              ))
+            ] })
+          ] }),
+          selectedCards.length > 0 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+              /* @__PURE__ */ jsxs("span", { className: "mr-2", children: [
+                selectedCards.length,
+                " selected"
+              ] }),
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+            ] }) }),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleBulkAction("move"), children: [
+                /* @__PURE__ */ jsx(Move, { className: "mr-2 h-4 w-4" }),
+                "Move cards"
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleBulkAction("archive"), children: [
+                /* @__PURE__ */ jsx(Archive, { className: "mr-2 h-4 w-4" }),
+                "Archive cards"
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleBulkAction("delete"), children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                "Delete cards"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+              /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }),
+              "Export"
+            ] }) }),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleExport("json"), children: "Export as JSON" }),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleExport("csv"), children: "Export as CSV" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      activeFilter && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Active filters:" }),
+        /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: "secondary", children: [
+          filters.find((f) => f.id === activeFilter)?.name,
+          /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "ml-1 h-auto p-0",
+              onClick: () => setActiveFilter(void 0),
+              children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: scrollRef,
+        className: "flex gap-6 overflow-x-auto pb-4",
+        onDragOver: (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: filteredColumns.map((column) => {
+            const isOverLimit = column.limit && column.cards.length >= column.limit;
+            const isDraggedOver = draggedOverColumn === column.id;
+            return /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                layout: true,
+                initial: { opacity: 0, x: -20 },
+                animate: { opacity: 1, x: 0 },
+                exit: { opacity: 0, x: 20 },
+                className: cn(
+                  "flex-shrink-0 w-80 transition-all duration-200",
+                  isDraggedOver && "scale-105"
+                ),
+                onDragOver: (e) => handleDragOver(e, column.id),
+                onDragLeave: () => setDraggedOverColumn(null),
+                onDrop: (e) => handleDrop(e, column.id, column.cards.length),
+                children: /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn(
+                  "h-full transition-all duration-200",
+                  isDraggedOver && "ring-2 ring-primary ring-offset-2 bg-primary/5",
+                  column.collapsed && "opacity-60"
+                ), children: [
+                  /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                        column.color && /* @__PURE__ */ jsx(
+                          "div",
                           {
-                            variant: "ghost",
-                            size: "sm",
-                            className: "h-6 w-6 p-0",
-                            onClick: (e) => handleCardEdit(card, e),
-                            children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
+                            className: "w-3 h-3 rounded-full",
+                            style: { backgroundColor: column.color }
                           }
                         ),
-                        /* @__PURE__ */ jsx(
-                          MoonUIButtonPro,
+                        /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-sm font-medium flex items-center gap-2", children: editingColumnId === column.id ? /* @__PURE__ */ jsx(
+                          MoonUIInputPro,
                           {
-                            variant: "ghost",
-                            size: "sm",
-                            className: "h-6 w-6 p-0",
-                            onClick: (e) => handleCardDelete(card, e),
-                            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                            value: editingColumnTitle,
+                            onChange: (e) => setEditingColumnTitle(e.target.value),
+                            onBlur: () => handleColumnRename(column.id),
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter") {
+                                handleColumnRename(column.id);
+                              }
+                              if (e.key === "Escape") {
+                                setEditingColumnId(null);
+                                setEditingColumnTitle("");
+                              }
+                            },
+                            className: "h-6 w-32 text-sm",
+                            autoFocus: true,
+                            onClick: (e) => e.stopPropagation()
                           }
-                        ),
-                        /* @__PURE__ */ jsx("div", { className: "cursor-move", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-3 w-3 text-muted-foreground" }) })
+                        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                          column.title,
+                          column.locked && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" })
+                        ] }) }),
+                        /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs", children: column.cards.length })
+                      ] }),
+                      /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                        /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", className: "h-6 w-6 p-0", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
+                        /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+                          /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "rename"), children: [
+                            /* @__PURE__ */ jsx(Edit, { className: "mr-2 h-4 w-4" }),
+                            "Rename"
+                          ] }),
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "collapse"), children: column.collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
+                            "Expand"
+                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(EyeOff, { className: "mr-2 h-4 w-4" }),
+                            "Collapse"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                          /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubPro, { children: [
+                            /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubTriggerPro, { children: [
+                              /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }),
+                              "Settings"
+                            ] }),
+                            /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubContentPro, { children: [
+                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "setLimit"), children: [
+                                /* @__PURE__ */ jsx(Timer, { className: "mr-2 h-4 w-4" }),
+                                "Set WIP limit"
+                              ] }),
+                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "changeColor"), children: [
+                                /* @__PURE__ */ jsx(Palette, { className: "mr-2 h-4 w-4" }),
+                                "Change color"
+                              ] }),
+                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubPro, { children: [
+                                /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubTriggerPro, { children: [
+                                  /* @__PURE__ */ jsx(ArrowUpDown, { className: "mr-2 h-4 w-4" }),
+                                  "Sort cards"
+                                ] }),
+                                /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubContentPro, { children: [
+                                  /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "sortByPriority"), children: "By Priority" }),
+                                  /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "sortByDueDate"), children: "By Due Date" }),
+                                  /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "sortAlphabetically"), children: "Alphabetically" })
+                                ] })
+                              ] })
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                          /* @__PURE__ */ jsxs(
+                            MoonUIDropdownMenuItemPro,
+                            {
+                              onClick: () => handleColumnAction(column, "delete"),
+                              className: "text-destructive",
+                              children: [
+                                /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                                "Delete column"
+                              ]
+                            }
+                          )
+                        ] })
                       ] })
                     ] }),
-                    card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: card.tags.map((tag, index2) => /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "outline", className: "text-xs px-1 py-0", children: tag }, index2)) }),
-                    showCardDetails && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        card.priority && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", PRIORITY_DOTS[card.priority]) }),
-                          /* @__PURE__ */ jsx("span", { className: "capitalize", children: card.priority })
-                        ] }),
-                        card.dueDate && /* @__PURE__ */ jsxs("div", { className: cn(
-                          "flex items-center gap-1",
-                          isOverdue(card.dueDate) && "text-destructive"
-                        ), children: [
-                          /* @__PURE__ */ jsx(Calendar$1, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ jsx("span", { children: formatDate(card.dueDate) })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        card.comments && card.comments > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx(MessageCircle, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ jsx("span", { children: card.comments })
-                        ] }),
-                        card.attachments && card.attachments > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ jsx("span", { children: card.attachments })
+                    column.limit && /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { className: cn(
+                      "text-xs flex items-center gap-1 mt-1",
+                      isOverLimit && "text-destructive"
+                    ), children: isOverLimit ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3" }),
+                      "Over WIP limit (",
+                      column.cards.length,
+                      "/",
+                      column.limit,
+                      ")"
+                    ] }) : `WIP limit: ${column.cards.length}/${column.limit}` })
+                  ] }),
+                  !column.collapsed && /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-3", children: [
+                    /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-300px)]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: column.cards.sort((a, b) => a.position - b.position).map((card, index2) => /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        draggable: !disabled,
+                        onDragStart: () => handleDragStart(card, column.id),
+                        onDragEnd: handleDragEnd,
+                        onDrop: (e) => {
+                          e.preventDefault();
+                          e.stopPropagation();
+                          handleDrop(e, column.id, index2);
+                        },
+                        className: "mb-3",
+                        children: /* @__PURE__ */ jsx(
+                          KanbanCardComponent,
+                          {
+                            card,
+                            isDragging: draggedCard === card.id,
+                            onEdit: (e) => {
+                              e.stopPropagation();
+                              onCardEdit?.(card);
+                            },
+                            onDelete: (e) => {
+                              e.stopPropagation();
+                              onCardDelete?.(card);
+                            },
+                            onClick: () => handleCardClick(card),
+                            showDetails: showCardDetails,
+                            disabled
+                          }
+                        )
+                      },
+                      card.id
+                    )) }) }),
+                    onAddCard && !column.locked && !isOverLimit && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                      /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
+                        MoonUIButtonPro,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "w-full justify-start text-muted-foreground hover:text-foreground",
+                          disabled,
+                          children: [
+                            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                            "Add card"
+                          ]
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "start", className: "w-48", children: [
+                        /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Card Templates" }),
+                        /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                        /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAddCard(column.id), children: [
+                          /* @__PURE__ */ jsx(FileText, { className: "mr-2 h-4 w-4" }),
+                          "Blank card"
                         ] }),
-                        card.assignee && /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-5 w-5", children: [
-                          /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: card.assignee.avatar }),
-                          /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(card.assignee.name) })
-                        ] })
+                        cardTemplates.map((template, index2) => /* @__PURE__ */ jsxs(
+                          MoonUIDropdownMenuItemPro,
+                          {
+                            onClick: () => handleAddCard(column.id, template),
+                            children: [
+                              /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
+                              template.title || `Template ${index2 + 1}`
+                            ]
+                          },
+                          index2
+                        ))
                       ] })
                     ] })
-                  ]
-                },
-                card.id
-              )),
-              onAddCard && /* @__PURE__ */ jsxs(
-                MoonUIButtonPro,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => onAddCard(column.id),
-                  className: "w-full justify-start text-muted-foreground hover:text-foreground",
-                  disabled,
-                  children: [
-                    /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-                    "Add card"
-                  ]
-                }
-              )
-            ] })
-          ] })
+                  ] })
+                ] })
+              },
+              column.id
+            );
+          }) }),
+          showAddColumn && onAddColumn && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              className: "flex-shrink-0 w-80",
+              children: isCreatingColumn ? /* @__PURE__ */ jsxs(MoonUICardPro, { children: [
+                /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsx(
+                  MoonUIInputPro,
+                  {
+                    placeholder: "Enter column title...",
+                    value: newColumnTitle,
+                    onChange: (e) => setNewColumnTitle(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" && newColumnTitle) {
+                        onAddColumn({ title: newColumnTitle });
+                        setNewColumnTitle("");
+                        setIsCreatingColumn(false);
+                      }
+                      if (e.key === "Escape") {
+                        setNewColumnTitle("");
+                        setIsCreatingColumn(false);
+                      }
+                    },
+                    autoFocus: true
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(MoonUICardContentPro, { children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      size: "sm",
+                      onClick: () => {
+                        if (newColumnTitle) {
+                          onAddColumn({ title: newColumnTitle });
+                          setNewColumnTitle("");
+                          setIsCreatingColumn(false);
+                        }
+                      },
+                      children: "Add column"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: () => {
+                        setNewColumnTitle("");
+                        setIsCreatingColumn(false);
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] }) })
+              ] }) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
+                  MoonUIButtonPro,
+                  {
+                    variant: "outline",
+                    className: "w-full h-full min-h-[200px] border-dashed justify-center items-center",
+                    disabled,
+                    children: [
+                      /* @__PURE__ */ jsx(Plus, { className: "h-6 w-6 mr-2" }),
+                      "Add column"
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "start", className: "w-48", children: [
+                  /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Column Templates" }),
+                  /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => setIsCreatingColumn(true), children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+                    "Blank column"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddColumn(COLUMN_TEMPLATES.todo), children: [
+                    /* @__PURE__ */ jsx(Square, { className: "mr-2 h-4 w-4" }),
+                    "To Do"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddColumn(COLUMN_TEMPLATES.inProgress), children: [
+                    /* @__PURE__ */ jsx(Clock, { className: "mr-2 h-4 w-4" }),
+                    "In Progress"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddColumn(COLUMN_TEMPLATES.done), children: [
+                    /* @__PURE__ */ jsx(CheckSquare, { className: "mr-2 h-4 w-4" }),
+                    "Done"
+                  ] }),
+                  columnTemplates.map((template, index2) => /* @__PURE__ */ jsxs(
+                    MoonUIDropdownMenuItemPro,
+                    {
+                      onClick: () => onAddColumn(template),
+                      children: [
+                        /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
+                        template.title || `Template ${index2 + 1}`
+                      ]
+                    },
+                    index2
+                  ))
+                ] })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    selectedCard && /* @__PURE__ */ jsx(
+      CardDetailModal,
+      {
+        card: selectedCard,
+        isOpen: !!selectedCard,
+        onClose: () => setSelectedCard(null),
+        onUpdate: handleCardUpdate,
+        onDelete: (card) => {
+          onCardDelete?.(card);
+          toast3({
+            title: "Card deleted",
+            description: `"${card.title}" has been deleted`
+          });
         },
-        column.id
-      );
-    }),
-    showAddColumn && onAddColumn && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-80", children: /* @__PURE__ */ jsxs(
-      MoonUIButtonPro,
+        availableAssignees: users,
+        availableLabels: labels,
+        currentColumn: columns.find((col) => col.cards.some((c2) => c2.id === selectedCard.id))?.title,
+        availableColumns: columns.map((col) => ({ id: col.id, title: col.title }))
+      }
+    ),
+    addCardColumnId && /* @__PURE__ */ jsx(
+      AddCardModal,
       {
-        variant: "outline",
-        onClick: onAddColumn,
-        className: "w-full h-full min-h-[200px] border-dashed justify-center items-center",
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-6 w-6 mr-2" }),
-          "Add column"
-        ]
+        isOpen: !!addCardColumnId,
+        onClose: () => setAddCardColumnId(null),
+        onAdd: handleAddNewCard,
+        columnId: addCardColumnId,
+        columnTitle: columns.find((col) => col.id === addCardColumnId)?.title || "",
+        availableAssignees: users,
+        availableLabels: labels,
+        templates: cardTemplates
       }
-    ) })
-  ] }) });
+    ),
+    /* @__PURE__ */ jsx(MoonUIDialogPro, { open: wipLimitModalOpen, onOpenChange: setWipLimitModalOpen, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsx(MoonUIDialogHeaderPro, { children: /* @__PURE__ */ jsx(MoonUIDialogTitlePro, { children: "Set WIP Limit" }) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "wip-limit", children: "Work In Progress Limit" }),
+        /* @__PURE__ */ jsx(
+          MoonUIInputPro,
+          {
+            id: "wip-limit",
+            type: "number",
+            min: "0",
+            value: wipLimit || "",
+            onChange: (e) => setWipLimit(e.target.value ? parseInt(e.target.value) : void 0),
+            placeholder: "Enter a number (leave empty to remove limit)"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Set a maximum number of cards allowed in this column. Leave empty to remove the limit." })
+      ] }) }),
+      /* @__PURE__ */ jsxs(MoonUIDialogFooterPro, { children: [
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: () => setWipLimitModalOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: handleWipLimitUpdate, children: "Save" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(MoonUIDialogPro, { open: colorPickerOpen, onOpenChange: setColorPickerOpen, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsx(MoonUIDialogHeaderPro, { children: /* @__PURE__ */ jsx(MoonUIDialogTitlePro, { children: "Change Column Color" }) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Select a color" }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-8 gap-2", children: [
+          "#6B7280",
+          "#EF4444",
+          "#F59E0B",
+          "#10B981",
+          "#3B82F6",
+          "#8B5CF6",
+          "#EC4899",
+          "#06B6D4",
+          "#F43F5E",
+          "#84CC16",
+          "#14B8A6",
+          "#6366F1",
+          "#A855F7",
+          "#F472B6",
+          "#0EA5E9",
+          "#22D3EE"
+        ].map((color) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              "w-10 h-10 rounded-md border-2 transition-all",
+              selectedColor === color ? "border-primary scale-110" : "border-transparent"
+            ),
+            style: { backgroundColor: color },
+            onClick: () => setSelectedColor(color)
+          },
+          color
+        )) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(MoonUIDialogFooterPro, { children: [
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: () => setColorPickerOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: handleColorUpdate, children: "Save" })
+      ] })
+    ] }) })
+  ] });
 }
 
 // ../../node_modules/orderedmap/dist/index.js
@@ -11565,7 +13440,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size4;
   }
 }
-var Fragment4 = class {
+var Fragment7 = class {
   /**
   @internal
   */
@@ -11633,7 +13508,7 @@ var Fragment4 = class {
     }
     for (; i < other.content.length; i++)
       content.push(other.content[i]);
-    return new Fragment4(content, this.size + other.size);
+    return new Fragment7(content, this.size + other.size);
   }
   /**
   Cut out the sub-fragment between the two given positions.
@@ -11657,17 +13532,17 @@ var Fragment4 = class {
         }
         pos = end;
       }
-    return new Fragment4(result, size4);
+    return new Fragment7(result, size4);
   }
   /**
   @internal
   */
   cutByIndex(from2, to) {
     if (from2 == to)
-      return Fragment4.empty;
+      return Fragment7.empty;
     if (from2 == 0 && to == this.content.length)
       return this;
-    return new Fragment4(this.content.slice(from2, to));
+    return new Fragment7(this.content.slice(from2, to));
   }
   /**
   Create a new fragment in which the node at the given index is
@@ -11680,21 +13555,21 @@ var Fragment4 = class {
     let copy2 = this.content.slice();
     let size4 = this.size + node.nodeSize - current.nodeSize;
     copy2[index2] = node;
-    return new Fragment4(copy2, size4);
+    return new Fragment7(copy2, size4);
   }
   /**
   Create a new fragment by prepending the given node to this
   fragment.
   */
   addToStart(node) {
-    return new Fragment4([node].concat(this.content), this.size + node.nodeSize);
+    return new Fragment7([node].concat(this.content), this.size + node.nodeSize);
   }
   /**
   Create a new fragment by appending the given node to this
   fragment.
   */
   addToEnd(node) {
-    return new Fragment4(this.content.concat(node), this.size + node.nodeSize);
+    return new Fragment7(this.content.concat(node), this.size + node.nodeSize);
   }
   /**
   Compare this fragment to another one.
@@ -11813,10 +13688,10 @@ var Fragment4 = class {
   */
   static fromJSON(schema, value) {
     if (!value)
-      return Fragment4.empty;
+      return Fragment7.empty;
     if (!Array.isArray(value))
       throw new RangeError("Invalid input for Fragment.fromJSON");
-    return new Fragment4(value.map(schema.nodeFromJSON));
+    return new Fragment7(value.map(schema.nodeFromJSON));
   }
   /**
   Build a fragment from an array of nodes. Ensures that adjacent
@@ -11824,7 +13699,7 @@ var Fragment4 = class {
   */
   static fromArray(array) {
     if (!array.length)
-      return Fragment4.empty;
+      return Fragment7.empty;
     let joined, size4 = 0;
     for (let i = 0; i < array.length; i++) {
       let node = array[i];
@@ -11837,7 +13712,7 @@ var Fragment4 = class {
         joined.push(node);
       }
     }
-    return new Fragment4(joined || array, size4);
+    return new Fragment7(joined || array, size4);
   }
   /**
   Create a fragment from something that can be interpreted as a
@@ -11847,17 +13722,17 @@ var Fragment4 = class {
   */
   static from(nodes) {
     if (!nodes)
-      return Fragment4.empty;
-    if (nodes instanceof Fragment4)
+      return Fragment7.empty;
+    if (nodes instanceof Fragment7)
       return nodes;
     if (Array.isArray(nodes))
       return this.fromArray(nodes);
     if (nodes.attrs)
-      return new Fragment4([nodes], nodes.nodeSize);
+      return new Fragment7([nodes], nodes.nodeSize);
     throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 };
-Fragment4.empty = new Fragment4([], 0);
+Fragment7.empty = new Fragment7([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index2, offset4) {
   found.index = index2;
@@ -12082,7 +13957,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(Fragment4.fromJSON(schema, json2.content), openStart, openEnd);
+    return new Slice(Fragment7.fromJSON(schema, json2.content), openStart, openEnd);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -12097,7 +13972,7 @@ var Slice = class {
     return new Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment4.empty, 0, 0);
+Slice.empty = new Slice(Fragment7.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);
@@ -12195,7 +14070,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment4(content);
+  return new Fragment7(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -12205,13 +14080,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment4(content);
+  return new Fragment7(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(Fragment4.from(node));
+    node = $along.node(i).copy(Fragment7.from(node));
   return {
     start: node.resolveNoCache(slice2.openStart + extra),
     end: node.resolveNoCache(node.content.size - slice2.openEnd - extra)
@@ -12550,7 +14425,7 @@ var Node2 = class {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment4.empty;
+    this.content = content || Fragment7.empty;
   }
   /**
   The array of this node's child nodes.
@@ -12855,7 +14730,7 @@ var Node2 = class {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from2, to, replacement = Fragment4.empty, start = 0, end = replacement.childCount) {
+  canReplace(from2, to, replacement = Fragment7.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)
@@ -12937,7 +14812,7 @@ var Node2 = class {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json2.text, marks);
     }
-    let content = Fragment4.fromJSON(schema, json2.content);
+    let content = Fragment7.fromJSON(schema, json2.content);
     let node = schema.nodeType(json2.type).create(json2.attrs, content, marks);
     node.type.checkAttrs(node.attrs);
     return node;
@@ -13079,7 +14954,7 @@ var ContentMatch = class {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment4.from(types.map((tp) => tp.createAndFill()));
+        return Fragment7.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) {
@@ -13531,7 +15406,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), Fragment4.from(content), Mark.setFrom(marks));
+    return new Node2(this, this.computeAttrs(attrs), Fragment7.from(content), Mark.setFrom(marks));
   }
   /**
   Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -13539,7 +15414,7 @@ var NodeType = class {
   if it doesn't match.
   */
   createChecked(attrs = null, content, marks) {
-    content = Fragment4.from(content);
+    content = Fragment7.from(content);
     this.checkContent(content);
     return new Node2(this, this.computeAttrs(attrs), content, Mark.setFrom(marks));
   }
@@ -13553,7 +15428,7 @@ var NodeType = class {
   */
   createAndFill(attrs = null, content, marks) {
     attrs = this.computeAttrs(attrs);
-    content = Fragment4.from(content);
+    content = Fragment7.from(content);
     if (content.size) {
       let before = this.contentMatch.fillBefore(content);
       if (!before)
@@ -13561,7 +15436,7 @@ var NodeType = class {
       content = before.append(content);
     }
     let matched = this.contentMatch.matchFragment(content);
-    let after = matched && matched.fillBefore(Fragment4.empty, true);
+    let after = matched && matched.fillBefore(Fragment7.empty, true);
     if (!after)
       return null;
     return new Node2(this, attrs, content.append(after), Mark.setFrom(marks));
@@ -14025,7 +15900,7 @@ var NodeContext = class {
     if (!this.match) {
       if (!this.type)
         return [];
-      let fill = this.type.contentMatch.fillBefore(Fragment4.from(node));
+      let fill = this.type.contentMatch.fillBefore(Fragment7.from(node));
       if (fill) {
         this.match = this.type.contentMatch.matchFragment(fill);
       } else {
@@ -14051,9 +15926,9 @@ var NodeContext = class {
           this.content[this.content.length - 1] = text.withText(text.text.slice(0, text.text.length - m2[0].length));
       }
     }
-    let content = Fragment4.from(this.content);
+    let content = Fragment7.from(this.content);
     if (!openEnd && this.match)
-      content = content.append(this.match.fillBefore(Fragment4.empty, true));
+      content = content.append(this.match.fillBefore(Fragment7.empty, true));
     return this.type ? this.type.create(this.attrs, content, this.marks) : content;
   }
   inlineContext(node) {
@@ -15070,7 +16945,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment4.fromArray(mapped);
+  return Fragment7.fromArray(mapped);
 }
 var AddMarkStep = class extends Step {
   /**
@@ -15187,7 +17062,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(Fragment4.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment7.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc3) {
     let node = doc3.nodeAt(this.pos);
@@ -15233,7 +17108,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(Fragment4.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment7.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc3) {
     let node = doc3.nodeAt(this.pos);
@@ -15498,7 +17373,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(Fragment4.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
+            slice2 = new Slice(Fragment7.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
           replSteps.push(new ReplaceStep(cur + m2.index, cur + m2.index + m2[0].length, slice2));
         }
       }
@@ -15506,7 +17381,7 @@ function clearIncompatible(tr2, pos, parentType, match = parentType.contentMatch
     cur = end;
   }
   if (!match.validEnd) {
-    let fill = match.fillBefore(Fragment4.empty, true);
+    let fill = match.fillBefore(Fragment7.empty, true);
     tr2.replace(cur, cur, new Slice(fill, 0, 0));
   }
   for (let i = replSteps.length - 1; i >= 0; i--)
@@ -15532,20 +17407,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 = Fragment4.empty, openStart = 0;
+  let before = Fragment7.empty, openStart = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $from.index(d) > 0) {
       splitting = true;
-      before = Fragment4.from($from.node(d).copy(before));
+      before = Fragment7.from($from.node(d).copy(before));
       openStart++;
     } else {
       start--;
     }
-  let after = Fragment4.empty, openEnd = 0;
+  let after = Fragment7.empty, openEnd = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $to.after(d + 1) < $to.end(d)) {
       splitting = true;
-      after = Fragment4.from($to.node(d).copy(after));
+      after = Fragment7.from($to.node(d).copy(after));
       openEnd++;
     } else {
       end++;
@@ -15585,14 +17460,14 @@ function findWrappingInside(range, type) {
   return inside;
 }
 function wrap(tr2, range, wrappers) {
-  let content = Fragment4.empty;
+  let content = Fragment7.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 = Fragment4.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    content = Fragment7.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));
@@ -15617,7 +17492,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(Fragment4.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
+      tr2.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment7.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
       if (convertNewlines === true)
         replaceNewlines(tr2, node, pos, mapFrom);
       return false;
@@ -15658,7 +17533,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(Fragment4.from(newNode), 0, 0), 1, true));
+  tr2.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment7.from(newNode), 0, 0), 1, true));
 }
 function canSplit(doc3, pos, depth = 1, typesAfter) {
   let $pos = doc3.resolve(pos), base2 = $pos.depth - depth;
@@ -15682,11 +17557,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 = Fragment4.empty, after = Fragment4.empty;
+  let $pos = tr2.doc.resolve(pos), before = Fragment7.empty, after = Fragment7.empty;
   for (let d = $pos.depth, e = $pos.depth - depth, i = depth - 1; d > e; d--, i--) {
-    before = Fragment4.from($pos.node(d).copy(before));
+    before = Fragment7.from($pos.node(d).copy(before));
     let typeAfter = typesAfter && typesAfter[i];
-    after = Fragment4.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
+    after = Fragment7.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));
 }
@@ -15825,7 +17700,7 @@ var Fitter = class {
     this.$to = $to;
     this.unplaced = unplaced;
     this.frontier = [];
-    this.placed = Fragment4.empty;
+    this.placed = Fragment7.empty;
     for (let i = 0; i <= $from.depth; i++) {
       let node = $from.node(i);
       this.frontier.push({
@@ -15834,7 +17709,7 @@ var Fitter = class {
       });
     }
     for (let i = $from.depth; i > 0; i--)
-      this.placed = Fragment4.from($from.node(i).copy(this.placed));
+      this.placed = Fragment7.from($from.node(i).copy(this.placed));
   }
   get depth() {
     return this.frontier.length - 1;
@@ -15891,7 +17766,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(Fragment4.from(first2), false)) : parent && type.compatibleContent(parent.type)))
+          if (pass == 1 && (first2 ? match.matchType(first2.type) || (inject = match.fillBefore(Fragment7.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 };
@@ -15951,7 +17826,7 @@ var Fitter = class {
     let toEnd = taken == fragment.childCount;
     if (!toEnd)
       openEndCount = -1;
-    this.placed = addToFragment(this.placed, frontierDepth, Fragment4.from(add));
+    this.placed = addToFragment(this.placed, frontierDepth, Fragment7.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();
@@ -16008,12 +17883,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, Fragment4.from(type.create(attrs, content)));
+    this.placed = addToFragment(this.placed, this.depth, Fragment7.from(type.create(attrs, content)));
     this.frontier.push({ type, match: type.contentMatch });
   }
   closeFrontierNode() {
     let open = this.frontier.pop();
-    let add = open.match.fillBefore(Fragment4.empty, true);
+    let add = open.match.fillBefore(Fragment7.empty, true);
     if (add.childCount)
       this.placed = addToFragment(this.placed, this.frontier.length, add);
   }
@@ -16042,7 +17917,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(Fragment4.empty, true));
+      frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment7.empty, true));
   }
   return node.copy(frag);
 }
@@ -16134,7 +18009,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(Fragment4.empty, true));
+    fragment = start.append(match.matchFragment(start).fillBefore(Fragment7.empty, true));
   }
   return fragment;
 }
@@ -16144,7 +18019,7 @@ function replaceRangeWith(tr2, from2, to, node) {
     if (point != null)
       from2 = to = point;
   }
-  tr2.replaceRange(from2, to, new Slice(Fragment4.from(node), 0, 0));
+  tr2.replaceRange(from2, to, new Slice(Fragment7.from(node), 0, 0));
 }
 function deleteRange(tr2, from2, to) {
   let $from = tr2.doc.resolve(from2), $to = tr2.doc.resolve(to);
@@ -16192,7 +18067,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(Fragment4.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment7.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   getMap() {
     return StepMap.empty;
@@ -16327,7 +18202,7 @@ var Transform = class {
   fragment, node, or array of nodes.
   */
   replaceWith(from2, to, content) {
-    return this.replace(from2, to, new Slice(Fragment4.from(content), 0, 0));
+    return this.replace(from2, to, new Slice(Fragment7.from(content), 0, 0));
   }
   /**
   Delete the content between the given positions.
@@ -16829,7 +18704,7 @@ var NodeSelection = class extends Selection {
     return new NodeSelection($pos);
   }
   content() {
-    return new Slice(Fragment4.from(this.node), 0, 0);
+    return new Slice(Fragment7.from(this.node), 0, 0);
   }
   eq(other) {
     return other instanceof NodeSelection && other.anchor == this.anchor;
@@ -18651,7 +20526,7 @@ var NodeViewDesc = class extends ViewDesc {
         }
       }
       if (!rule.contentElement)
-        rule.getContent = () => Fragment4.empty;
+        rule.getContent = () => Fragment7.empty;
     }
     return rule;
   }
@@ -19970,7 +21845,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
       text = f(text, inCode || plainText, view);
     });
     if (inCode)
-      return text ? new Slice(Fragment4.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : Slice.empty;
+      return text ? new Slice(Fragment7.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;
@@ -20059,13 +21934,13 @@ function normalizeSiblings(fragment, $context) {
       }
     });
     if (result)
-      return Fragment4.from(result);
+      return Fragment7.from(result);
   }
   return fragment;
 }
 function withWrappers(node, wrap2, from2 = 0) {
   for (let i = wrap2.length - 1; i >= from2; i--)
-    node = wrap2[i].create(null, Fragment4.from(node));
+    node = wrap2[i].create(null, Fragment7.from(node));
   return node;
 }
 function addToSibling(wrap2, lastWrap, node, sibling, depth) {
@@ -20075,14 +21950,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(Fragment4.from(withWrappers(node, wrap2, depth + 1))));
+      return sibling.copy(sibling.content.append(Fragment7.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(Fragment4.empty, true);
+  let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment7.empty, true);
   return node.copy(fragment.append(fill));
 }
 function closeRange(fragment, side, from2, to, depth, openEnd) {
@@ -20092,7 +21967,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(Fragment4.empty, true));
+    inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment7.empty, true));
   return fragment.replaceChild(side < 0 ? 0 : fragment.childCount - 1, node.copy(inner));
 }
 function closeSlice(slice2, openStart, openEnd) {
@@ -20162,7 +22037,7 @@ function addContext(slice2, context) {
     let type = schema.nodes[array[i]];
     if (!type || type.hasRequiredAttrs())
       break;
-    content = Fragment4.from(type.create(array[i + 1], content));
+    content = Fragment7.from(type.create(array[i + 1], content));
     openStart++;
     openEnd++;
   }
@@ -22023,7 +23898,7 @@ function isMarkChange(cur, prev) {
   let updated = [];
   for (let i = 0; i < prev.childCount; i++)
     updated.push(update(prev.child(i)));
-  if (Fragment4.from(updated).eq(cur))
+  if (Fragment7.from(updated).eq(cur))
     return { mark, type };
 }
 function looksLikeBackspace(old, start, end, $newStart, $newEnd) {
@@ -23133,10 +25008,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 = Fragment4.empty;
+      let end = $cut.pos + after.nodeSize, wrap2 = Fragment7.empty;
       for (let i = conn.length - 1; i >= 0; i--)
-        wrap2 = Fragment4.from(conn[i].create(null, wrap2));
-      wrap2 = Fragment4.from(before.copy(wrap2));
+        wrap2 = Fragment7.from(conn[i].create(null, wrap2));
+      wrap2 = Fragment7.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))
@@ -23165,9 +25040,9 @@ function deleteBarrier(state, $cut, dispatch2, dir) {
       afterDepth++;
     if (at.canReplace(at.childCount, at.childCount, afterText.content)) {
       if (dispatch2) {
-        let end = Fragment4.empty;
+        let end = Fragment7.empty;
         for (let i = wrap2.length - 1; i >= 0; i--)
-          end = Fragment4.from(wrap2[i].copy(end));
+          end = Fragment7.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());
       }
@@ -23272,9 +25147,9 @@ function wrapRangeInList(tr2, range, listType, attrs = null) {
   return true;
 }
 function doWrapInList(tr2, range, wrappers, joinBefore, listType) {
-  let content = Fragment4.empty;
+  let content = Fragment7.empty;
   for (let i = wrappers.length - 1; i >= 0; i--)
-    content = Fragment4.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    content = Fragment7.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++)
@@ -23308,7 +25183,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(Fragment4.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+    tr2.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment7.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);
@@ -23332,10 +25207,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 ? Fragment4.empty : Fragment4.from(list))))
+  if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment7.empty : Fragment7.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 ? Fragment4.empty : Fragment4.from(list.copy(Fragment4.empty))).append(atEnd ? Fragment4.empty : Fragment4.from(list.copy(Fragment4.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 ? 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));
   dispatch2(tr2.scrollIntoView());
   return true;
 }
@@ -23353,8 +25228,8 @@ function sinkListItem(itemType) {
       return false;
     if (dispatch2) {
       let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
-      let inner = Fragment4.from(nestedBefore ? itemType.create() : null);
-      let slice2 = new Slice(Fragment4.from(itemType.create(null, Fragment4.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
+      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 before = range.start, after = range.end;
       dispatch2(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
     }
@@ -23572,7 +25447,7 @@ function elementFromString(value) {
   return removeWhitespaces(html);
 }
 function createNodeFromContent(content, schema, options) {
-  if (content instanceof Node2 || content instanceof Fragment4) {
+  if (content instanceof Node2 || content instanceof Fragment7) {
     return content;
   }
   options = {
@@ -23586,7 +25461,7 @@ function createNodeFromContent(content, schema, options) {
     try {
       const isArrayContent = Array.isArray(content) && content.length > 0;
       if (isArrayContent) {
-        return Fragment4.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+        return Fragment7.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
       const node = schema.nodeFromJSON(content);
       if (options.errorOnInvalidContent) {
@@ -24720,7 +26595,7 @@ function inputRulesPlugin(props) {
             if (typeof text === "string") {
               text = text;
             } else {
-              text = getHTMLFromFragment(Fragment4.from(text), state.schema);
+              text = getHTMLFromFragment(Fragment7.from(text), state.schema);
             }
             const { from: from2 } = simulatedInputMeta;
             const to = from2 + text.length;
@@ -25098,7 +26973,7 @@ function pasteRulesPlugin(props) {
           if (typeof text === "string") {
             text = text;
           } else {
-            text = getHTMLFromFragment(Fragment4.from(text), state.schema);
+            text = getHTMLFromFragment(Fragment7.from(text), state.schema);
           }
           const { from: from22 } = simulatedPasteMeta;
           const to2 = from22 + text.length;
@@ -25756,7 +27631,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 Fragment4) {
+      } else if (value instanceof Fragment7) {
         let text = "";
         value.forEach((node) => {
           if (node.text) {
@@ -26223,10 +28098,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr: tr2, state, dispa
       return false;
     }
     if (dispatch2) {
-      let wrap2 = Fragment4.empty;
+      let wrap2 = Fragment7.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 = Fragment4.from($from.node(d).copy(wrap2));
+        wrap2 = Fragment7.from($from.node(d).copy(wrap2));
       }
       const depthAfter = (
         // eslint-disable-next-line no-nested-ternary
@@ -26237,7 +28112,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(Fragment4.from(type.createAndFill(null, nextType2) || void 0));
+      wrap2 = wrap2.append(Fragment7.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;
@@ -27868,7 +29743,7 @@ function markPasteRule(config) {
 }
 
 // ../../node_modules/@tiptap/react/dist/index.js
-var import_react17 = __toESM(require_react(), 1);
+var import_react19 = __toESM(require_react(), 1);
 var mergeRefs = (...refs) => {
   return (node) => {
     refs.forEach((ref) => {
@@ -28087,7 +29962,7 @@ function useEditorState(options) {
     editorStateManager.getSnapshot,
     editorStateManager.getServerSnapshot,
     options.selector,
-    (_a = options.equalityFn) != null ? _a : import_react17.default
+    (_a = options.equalityFn) != null ? _a : import_react19.default
   );
   useIsomorphicLayoutEffect(() => {
     return editorStateManager.watch(options.editor);
@@ -28366,11 +30241,11 @@ var ReactNodeViewContext = createContext({
 var useReactNodeView = () => useContext(ReactNodeViewContext);
 t__default.forwardRef((props, ref) => {
   const { onDragStart } = useReactNodeView();
-  const Tag = props.as || "div";
+  const Tag4 = props.as || "div";
   return (
     // @ts-ignore
     /* @__PURE__ */ jsx(
-      Tag,
+      Tag4,
       {
         ...props,
         ref,
@@ -31683,9 +33558,9 @@ function beforeinput(view, event) {
   let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
   if (!insert)
     return false;
-  let frag = Fragment4.empty;
+  let frag = Fragment7.empty;
   for (let i = insert.length - 1; i >= 0; i--)
-    frag = Fragment4.from(insert[i].createAndFill(null, frag));
+    frag = Fragment7.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);
@@ -32810,7 +34685,7 @@ var index_default7 = Highlight;
 
 // ../../node_modules/@tiptap/extension-image/dist/index.js
 var inputRegex6 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
-var Image3 = Node3.create({
+var Image5 = Node3.create({
   name: "image",
   addOptions() {
     return {
@@ -32878,7 +34753,7 @@ var Image3 = Node3.create({
     ];
   }
 });
-var index_default8 = Image3;
+var index_default8 = Image5;
 
 // ../../node_modules/prosemirror-tables/dist/index.js
 var readFromCache;
@@ -33365,10 +35240,10 @@ var CellSelection = class _CellSelection extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment4.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment7.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment4.from(fragment), 1, 1);
+    return new Slice(Fragment7.from(fragment), 1, 1);
   }
   replace(tr2, content = Slice.empty) {
     const mapFrom = tr2.steps.length, ranges = this.ranges;
@@ -33388,7 +35263,7 @@ var CellSelection = class _CellSelection extends Selection {
       tr2.setSelection(sel);
   }
   replaceWith(tr2, node) {
-    this.replace(tr2, new Slice(Fragment4.from(node), 0, 0));
+    this.replace(tr2, new Slice(Fragment7.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -33936,7 +35811,7 @@ function mergeCells(state, dispatch2) {
   if (dispatch2) {
     const tr2 = state.tr;
     const seen = {};
-    let content = Fragment4.empty;
+    let content = Fragment7.empty;
     let mergedPos;
     let mergedCell;
     for (let row = rect.top; row < rect.bottom; row++) {
@@ -34317,14 +36192,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(Fragment4.empty);
+      rows.push(Fragment7.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(Fragment4.from(cells));
+      rows[r2] = rows[r2].append(Fragment7.from(cells));
     }
   }
   return { height: rows.length, width, rows };
@@ -34356,7 +36231,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(Fragment4.from(cells));
+      newRows.push(Fragment7.from(cells));
     }
     rows = newRows;
     width = newWidth;
@@ -34377,7 +36252,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
           );
         cells.push(cell);
       }
-      newRows.push(Fragment4.from(cells));
+      newRows.push(Fragment7.from(cells));
     }
     rows = newRows;
     height = newHeight;
@@ -34412,7 +36287,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, Fragment4.from(cells)), rows = [];
+    const emptyRow = types.row.create(null, Fragment7.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);
@@ -34621,7 +36496,7 @@ function handlePaste(view, _, slice2) {
         width: 1,
         height: 1,
         rows: [
-          Fragment4.from(
+          Fragment7.from(
             fitSlice(tableNodeTypes(view.state.schema).cell, slice2)
           )
         ]
@@ -52783,7 +54658,7 @@ function Timeline({
   interactive = true
 }) {
   const sortedEvents = [...events].sort((a, b) => b.date.getTime() - a.date.getTime());
-  const formatDate = (date) => {
+  const formatDate2 = (date) => {
     return date.toLocaleDateString("en-US", {
       year: "numeric",
       month: "long",
@@ -52812,16 +54687,16 @@ function Timeline({
       const days = Math.floor(diffInSeconds / 86400);
       return `${days} day${days > 1 ? "s" : ""} ago`;
     } else {
-      return formatDate(date);
+      return formatDate2(date);
     }
   };
-  const getInitials = (name) => {
+  const getInitials4 = (name) => {
     return name.split(" ").map((n) => n[0]).join("").toUpperCase();
   };
   const groupEventsByDate = (events2) => {
     const groups = {};
     events2.forEach((event) => {
-      const dateKey = formatDate(event.date);
+      const dateKey = formatDate2(event.date);
       if (!groups[dateKey]) {
         groups[dateKey] = [];
       }
@@ -52875,7 +54750,7 @@ function Timeline({
             showUserInfo && event.user && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
               /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-6 w-6", children: [
                 /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: event.user.avatar }),
-                /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(event.user.name) })
+                /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials4(event.user.name) })
               ] }),
               /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: event.user.name })
             ] }),
@@ -53181,9 +55056,9 @@ function AdvancedChart({
       toggleSeriesVisibility(entry.dataKey);
     }
   };
-  const handleExport = (format3) => {
+  const handleExport = (format5) => {
     if (onExport) {
-      onExport(format3);
+      onExport(format5);
     }
   };
   const handleZoom = (direction) => {
@@ -56678,7 +58553,7 @@ var GitHubStarsInternal = ({
     }
     return num.toString();
   };
-  const formatDate = (dateString) => {
+  const formatDate2 = (dateString) => {
     const date = new Date(dateString);
     return date.toLocaleDateString("en-US", {
       year: "numeric",
@@ -56828,7 +58703,7 @@ var GitHubStarsInternal = ({
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
                 "Updated ",
-                formatDate(repo.updated_at)
+                formatDate2(repo.updated_at)
               ] })
             ] }) })
           }
@@ -57379,7 +59254,7 @@ var OptimizedImageInternal = ({
   width,
   height,
   quality = 75,
-  format: format3 = "auto",
+  format: format5 = "auto",
   lazy = true,
   blur: blur2 = true,
   priority = false,
@@ -57418,7 +59293,7 @@ var OptimizedImageInternal = ({
       params.set("f", options.format);
     return optimizedUrl;
   };
-  const optimizedSrc = getOptimizedSrc(src, { width, height, quality, format: format3 });
+  const optimizedSrc = getOptimizedSrc(src, { width, height, quality, format: format5 });
   const handleImageLoad = () => {
     setIsLoaded(true);
     setIsLoading(false);
@@ -57582,7 +59457,7 @@ var OptimizedImageInternal = ({
                   ] }),
                   /* @__PURE__ */ jsxs("div", { children: [
                     "Format: ",
-                    format3
+                    format5
                   ] })
                 ]
               }
@@ -58712,6 +60587,24 @@ var PerformanceMonitor = ({ className, ...props }) => {
   }
   return /* @__PURE__ */ jsx(PerformanceMonitorInternal, { className, ...props });
 };
+
+// src/use-toast.ts
+function toast2(options) {
+  console.log("Toast:", options);
+  if (typeof window !== "undefined") {
+    const message = options.description ? `${options.title}
+
+${options.description}` : options.title;
+    if (options.variant === "destructive") {
+      console.error(message);
+    } else {
+      console.log(message);
+    }
+  }
+}
+var useToast2 = () => {
+  return { toast: toast2 };
+};
 var fileUploadVariants = cva(
   "relative overflow-hidden transition-all duration-200",
   {
@@ -58733,7 +60626,7 @@ var fileUploadVariants = cva(
     }
   }
 );
-var formatFileSize = (bytes) => {
+var formatFileSize2 = (bytes) => {
   if (bytes === 0)
     return "0 B";
   const k3 = 1024;
@@ -58898,7 +60791,7 @@ var FilePreviewModal = ({
     /* @__PURE__ */ jsx(MoonUIDialogHeaderPro, { children: /* @__PURE__ */ jsxs(MoonUIDialogTitlePro, { className: "flex items-center gap-2", children: [
       getFileIcon(file.file.type),
       file.file.name,
-      /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", children: formatFileSize(file.file.size) })
+      /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", children: formatFileSize2(file.file.size) })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center p-4 bg-muted/20 rounded-lg", children: [
       file.preview.type === "image" && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -59006,7 +60899,7 @@ var MoonUIFileUploadPro = t__default.forwardRef(
     }
     const validateFile = useCallback(async (file) => {
       if (file.size > maxSize) {
-        return `File size exceeds ${formatFileSize(maxSize)} limit`;
+        return `File size exceeds ${formatFileSize2(maxSize)} limit`;
       }
       if (allowedMimeTypes.length > 0 && !allowedMimeTypes.includes(file.type)) {
         return `File type ${file.type} is not supported`;
@@ -59359,7 +61252,7 @@ var MoonUIFileUploadPro = t__default.forwardRef(
         const currentSize = files.reduce((sum, f) => sum + f.file.size, 0);
         const newSize = fileArray.reduce((sum, f) => sum + f.size, 0);
         if (currentSize + newSize > maxTotalSize) {
-          setError(`Total file size exceeds ${formatFileSize(maxTotalSize)} limit`);
+          setError(`Total file size exceeds ${formatFileSize2(maxTotalSize)} limit`);
           return;
         }
       }
@@ -59572,7 +61465,7 @@ var MoonUIFileUploadPro = t__default.forwardRef(
                   ] }),
                   /* @__PURE__ */ jsx("span", { children: "\u2022" }),
                   /* @__PURE__ */ jsxs("span", { children: [
-                    formatFileSize(maxSize),
+                    formatFileSize2(maxSize),
                     " per file"
                   ] }),
                   resumable && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -59685,6 +61578,7 @@ var FileUploadItem = ({
   onPauseResume,
   onPreview
 }) => {
+  const { toast: toast3 } = useToast2();
   const canPauseResume = resumable && ["uploading", "paused"].includes(file.status);
   const canPreview = showPreview && file.preview && ["image", "video", "audio"].includes(file.preview.type);
   return /* @__PURE__ */ jsxs(
@@ -59702,18 +61596,27 @@ var FileUploadItem = ({
         variant === "grid" && "p-4"
       ),
       children: [
-        allowBulkOperations && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx(
+        allowBulkOperations && variant === "grid" && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx(
           "input",
           {
             type: "checkbox",
             checked: selected,
             onChange: (e) => onSelect?.(e.target.checked),
-            className: "rounded border-muted-foreground/25"
+            className: "rounded border-muted-foreground/25 h-4 w-4"
           }
         ) }),
+        allowBulkOperations && variant !== "grid" && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected,
+            onChange: (e) => onSelect?.(e.target.checked),
+            className: "rounded border-muted-foreground/25 h-4 w-4 mt-1 mr-3 float-left"
+          }
+        ),
         showPreview && file.preview && /* @__PURE__ */ jsxs("div", { className: cn(
           "relative overflow-hidden rounded bg-muted/20",
-          variant === "grid" ? "aspect-video mb-3" : "w-12 h-12 float-left mr-3"
+          variant === "grid" ? "aspect-video mb-3" : variant === "compact" ? "w-10 h-10 float-left mr-2" : "w-12 h-12 float-left mr-3"
         ), children: [
           file.preview.type === "image" && file.preview.thumbnail && /* @__PURE__ */ jsx(
             "img",
@@ -59748,12 +61651,10 @@ var FileUploadItem = ({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn(
           "flex-1 min-w-0",
-          variant === "grid" && "text-center",
-          allowBulkOperations && variant !== "grid" && "ml-8"
-          // Add margin when checkbox is present
+          variant === "grid" ? "text-center w-full" : "overflow-hidden"
         ), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("h5", { className: cn(
                 "font-medium truncate",
                 variant === "compact" ? "text-sm" : "text-base"
@@ -59763,7 +61664,7 @@ var FileUploadItem = ({
                 variant === "compact" ? "text-xs" : "text-sm",
                 variant === "grid" && "justify-center"
               ), children: [
-                /* @__PURE__ */ jsx("span", { children: formatFileSize(file.file.size) }),
+                /* @__PURE__ */ jsx("span", { children: formatFileSize2(file.file.size) }),
                 file.preview?.dimensions && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("span", { children: "\u2022" }),
                   /* @__PURE__ */ jsxs("span", { children: [
@@ -59782,13 +61683,17 @@ var FileUploadItem = ({
               MoonUIBadgePro,
               {
                 variant: file.status === "success" ? "success" : file.status === "error" ? "destructive" : file.status === "paused" ? "secondary" : "secondary",
-                className: "flex-shrink-0",
+                size: variant === "compact" ? "sm" : "md",
+                className: cn(
+                  "flex-shrink-0 whitespace-nowrap min-w-fit",
+                  file.status === "success" && "bg-green-500 hover:bg-green-600 text-white border-transparent"
+                ),
                 children: [
-                  file.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }),
-                  file.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3 mr-1" }),
-                  file.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 mr-1" }),
-                  file.status === "paused" && /* @__PURE__ */ jsx(Pause, { className: "h-3 w-3 mr-1" }),
-                  file.status === "pending" ? "Pending" : file.status === "uploading" ? "Uploading" : file.status === "paused" ? "Paused" : file.status === "success" ? "Completed" : file.status === "error" ? "Error" : "Cancelled"
+                  file.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: cn("h-3 w-3 animate-spin flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  file.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: cn("h-3 w-3 flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  file.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: cn("h-3 w-3 flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  file.status === "paused" && /* @__PURE__ */ jsx(Pause, { className: cn("h-3 w-3 flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  variant !== "compact" && (file.status === "pending" ? "Pending" : file.status === "uploading" ? "Uploading" : file.status === "paused" ? "Paused" : file.status === "success" ? "Done" : file.status === "error" ? "Error" : "Cancelled")
                 ]
               }
             )
@@ -59800,7 +61705,7 @@ var FileUploadItem = ({
                 "%"
               ] }),
               file.speed && /* @__PURE__ */ jsxs("span", { children: [
-                formatFileSize(file.speed),
+                formatFileSize2(file.speed),
                 "/s"
               ] }),
               file.estimatedTime && file.estimatedTime > 0 && /* @__PURE__ */ jsxs("span", { children: [
@@ -59812,7 +61717,7 @@ var FileUploadItem = ({
           ] }),
           file.status === "error" && file.error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: file.error }),
           /* @__PURE__ */ jsxs("div", { className: cn(
-            "flex items-center gap-1 mt-3",
+            "flex items-center gap-1 mt-3 clear-both",
             variant === "grid" && "justify-center"
           ), children: [
             canPauseResume && /* @__PURE__ */ jsx(
@@ -59841,6 +61746,12 @@ var FileUploadItem = ({
                 variant: "ghost",
                 size: "sm",
                 className: "h-7 px-2",
+                onClick: () => {
+                  const link = document.createElement("a");
+                  link.href = file.preview?.url || URL.createObjectURL(file.file);
+                  link.download = file.file.name;
+                  link.click();
+                },
                 children: /* @__PURE__ */ jsx(Download, { className: "h-3 w-3" })
               }
             ),
@@ -59851,11 +61762,38 @@ var FileUploadItem = ({
                   /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
                   "Preview"
                 ] }),
-                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: async () => {
+                  try {
+                    const url = file.result?.url || file.preview?.url || URL.createObjectURL(file.file);
+                    await navigator.clipboard.writeText(url);
+                    toast3({
+                      title: "Link copied",
+                      description: "File link has been copied to clipboard"
+                    });
+                  } catch (err) {
+                    console.error("Failed to copy link:", err);
+                    toast3({
+                      title: "Failed to copy",
+                      description: "Could not copy link to clipboard",
+                      variant: "destructive"
+                    });
+                  }
+                }, children: [
                   /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
                   "Copy Link"
                 ] }),
-                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                navigator.share && /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: async () => {
+                  try {
+                    await navigator.share({
+                      title: file.file.name,
+                      text: `Check out this file: ${file.file.name}`,
+                      url: file.result?.url || file.preview?.url || window.location.href,
+                      files: [file.file]
+                    });
+                  } catch (err) {
+                    console.log("Share cancelled or failed:", err);
+                  }
+                }, children: [
                   /* @__PURE__ */ jsx(Share, { className: "mr-2 h-4 w-4" }),
                   "Share"
                 ] }),
@@ -60399,11 +62337,11 @@ function downloadFile(content, filename, mimeType) {
   URL.revokeObjectURL(url);
 }
 async function exportData(data, options) {
-  const { format: format3, filename = "data-export", columns, includeHeaders = true } = options;
+  const { format: format5, filename = "data-export", columns, includeHeaders = true } = options;
   let content;
   let mimeType;
   let extension;
-  switch (format3) {
+  switch (format5) {
     case "csv":
       content = dataToCSV(data, columns, includeHeaders);
       mimeType = "text/csv;charset=utf-8;";
@@ -60417,7 +62355,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: ${format3}`);
+      throw new Error(`Unsupported export format: ${format5}`);
   }
   const finalFilename = `${filename}-${( new Date()).toISOString().split("T")[0]}.${extension}`;
   downloadFile(content, finalFilename, mimeType);
@@ -60900,11 +62838,11 @@ function DataTable({
     rowSelection: features.rowSelection !== false || selectable,
     export: features.export !== false || exportable
   });
-  const handleExport = async (format3) => {
+  const handleExport = async (format5) => {
     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, format3);
+      exportable.onExport(dataToExport, format5);
       return;
     }
     if (onExport) {
@@ -60914,7 +62852,7 @@ function DataTable({
     const filename = typeof exportable === "object" && exportable.filename ? exportable.filename : "data-export";
     const visibleColumns = getVisibleColumns(columns, columnVisibility);
     await exportData(dataToExport, {
-      format: format3,
+      format: format5,
       filename,
       columns: visibleColumns,
       includeHeaders: true
@@ -62846,18 +64784,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, format3) {
-  if (!number || !format3)
+function formatPhoneNumber(number, format5) {
+  if (!number || !format5)
     return "";
   const cleaned = number.replace(/\D/g, "");
   let formatted = "";
   let digitIndex = 0;
-  for (let i = 0; i < format3.length && digitIndex < cleaned.length; i++) {
-    if (format3[i] === "x") {
+  for (let i = 0; i < format5.length && digitIndex < cleaned.length; i++) {
+    if (format5[i] === "x") {
       formatted += cleaned[digitIndex];
       digitIndex++;
     } else {
-      formatted += format3[i];
+      formatted += format5[i];
     }
   }
   return formatted;