@moontra/moonui-pro 2.12.0 → 2.14.0

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, 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, 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, MoreVertical, MessageCircle, Paperclip, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, RotateCw, Cpu, MemoryStick, HardDrive, Network, BarChart3, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, 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';
@@ -4054,7 +4054,7 @@ var me = t.forwardRef((r2, o) => {
     var e;
     return Array.from(((e = I.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
   }
-  function X21(e) {
+  function X22(e) {
     let s = V()[e];
     s && E.setState("value", s.getAttribute(T));
   }
@@ -4069,10 +4069,10 @@ var me = t.forwardRef((r2, o) => {
       s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
     i ? E.setState("value", i.getAttribute(T)) : Q(e);
   }
-  let oe = () => X21(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 ? X21(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;
@@ -4099,7 +4099,7 @@ var me = t.forwardRef((r2, o) => {
           break;
         }
         case "Home": {
-          e.preventDefault(), X21(0);
+          e.preventDefault(), X22(0);
           break;
         }
         case "End": {
@@ -11121,6 +11121,1002 @@ function Calendar3({
     )
   ] });
 }
+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",
@@ -11158,7 +12154,7 @@ var formatDate = (date) => {
 var isOverdue = (dueDate) => {
   return dueDate < /* @__PURE__ */ new Date();
 };
-var getInitials = (name) => {
+var getInitials3 = (name) => {
   return name.split(" ").map((n) => n[0]).join("").toUpperCase();
 };
 var useAutoScroll = () => {
@@ -11187,29 +12183,51 @@ var useAutoScroll = () => {
 };
 var KanbanCardComponent = ({
   card,
+  column,
   isDragging,
   onEdit,
   onDelete,
   onClick,
   showDetails,
-  disabled
+  disabled,
+  renderCard,
+  renderCardPreview,
+  renderCardBadge,
+  renderCardActions,
+  cardCompactMode,
+  cardShowCoverImage,
+  cardShowAssignees,
+  cardShowLabels,
+  cardShowProgress,
+  cardDateFormat,
+  cardMaxAssigneesToShow,
+  provided,
+  enableAnimations,
+  animationDuration,
+  cardVariant
 }) => {
   const [isEditingTitle, setIsEditingTitle] = useState(false);
   const [title, setTitle] = useState(card.title);
   const dragControls = useDragControls();
+  const animationsEnabled = enableAnimations ?? true;
+  const animDuration = animationDuration ?? 0.2;
+  const variant = cardVariant ?? "default";
   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;
+  if (renderCard) {
+    return renderCard(card, column, provided || {});
+  }
   return /* @__PURE__ */ jsx(
     motion.div,
     {
       layout: true,
-      initial: { opacity: 0, y: 20 },
+      initial: { opacity: animationsEnabled ? 0 : 1, y: animationsEnabled ? 20 : 0 },
       animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -20 },
-      whileHover: { scale: 1.02 },
-      whileDrag: { scale: 1.05, rotate: 3 },
-      transition: { duration: 0.2 },
+      exit: { opacity: animationsEnabled ? 0 : 1, y: animationsEnabled ? -20 : 0 },
+      whileHover: animationsEnabled ? { scale: 1.02 } : {},
+      whileDrag: animationsEnabled ? { scale: 1.05, rotate: 3 } : {},
+      transition: { duration: animationsEnabled ? animDuration : 0 },
       className: cn(
         "relative group cursor-pointer select-none",
         isDragging && "z-50"
@@ -11218,7 +12236,11 @@ var KanbanCardComponent = ({
         MoonUICardPro,
         {
           className: cn(
-            "border hover:shadow-md transition-all duration-200",
+            "border transition-all duration-200",
+            variant === "bordered" && "border-2",
+            variant === "elevated" && "shadow-lg hover:shadow-xl",
+            variant === "flat" && "border-0 bg-muted/30",
+            variant === "default" && "hover:shadow-md",
             isDragging && "shadow-2xl ring-2 ring-primary ring-offset-2",
             disabled && "cursor-not-allowed opacity-50"
           ),
@@ -11231,7 +12253,7 @@ var KanbanCardComponent = ({
                 onPointerDown: (e) => dragControls.start(e)
               }
             ),
-            card.coverImage && /* @__PURE__ */ jsxs("div", { className: "relative h-32 -mx-px -mt-px rounded-t-lg overflow-hidden", children: [
+            cardShowCoverImage && card.coverImage && /* @__PURE__ */ jsxs("div", { className: "relative h-32 -mx-px -mt-px rounded-t-lg overflow-hidden", children: [
               /* @__PURE__ */ jsx(
                 "img",
                 {
@@ -11243,7 +12265,7 @@ var KanbanCardComponent = ({
               /* @__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(
+              cardShowLabels && 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",
@@ -11273,7 +12295,7 @@ var KanbanCardComponent = ({
                     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: [
+                renderCardActions ? /* @__PURE__ */ jsx("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity", children: renderCardActions(card) }) : /* @__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,
                     {
@@ -11316,8 +12338,8 @@ var KanbanCardComponent = ({
                   ] })
                 ] }) })
               ] }),
-              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: [
+              !cardCompactMode && card.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-3 line-clamp-2", children: card.description }),
+              cardShowProgress && (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: [
@@ -11327,7 +12349,7 @@ var KanbanCardComponent = ({
                 ] }),
                 /* @__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)) }),
+              !cardCompactMode && 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: [
@@ -11339,7 +12361,7 @@ var KanbanCardComponent = ({
                     isOverdue(card.dueDate) && "text-destructive"
                   ), children: [
                     /* @__PURE__ */ jsx(Calendar$1, { className: "h-3 w-3" }),
-                    /* @__PURE__ */ jsx("span", { children: formatDate(card.dueDate) })
+                    /* @__PURE__ */ jsx("span", { children: cardDateFormat ? format(card.dueDate, cardDateFormat) : formatDate(card.dueDate) })
                   ] }),
                   card.checklist && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx(CheckSquare, { className: "h-3 w-3" }),
@@ -11359,9 +12381,9 @@ var KanbanCardComponent = ({
                     /* @__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: [
+                  cardShowAssignees && card.assignees && card.assignees.length > 0 && /* @__PURE__ */ jsx(MoonUIAvatarGroupPro, { max: cardMaxAssigneesToShow, 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) })
+                    /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials3(assignee.name) })
                   ] }, assignee.id)) })
                 ] })
               ] })
@@ -11398,7 +12420,54 @@ function Kanban({
   loading = false,
   disabled = false,
   labels = [],
-  users = []
+  users = [],
+  // Card Render Customization
+  renderCard,
+  renderCardPreview,
+  renderCardBadge,
+  renderCardActions,
+  cardCompactMode = false,
+  cardShowCoverImage = true,
+  cardShowAssignees = true,
+  cardShowLabels = true,
+  cardShowProgress = true,
+  cardDateFormat,
+  cardMaxAssigneesToShow = 3,
+  // Add Card Customization
+  renderAddCardButton,
+  renderAddCardForm,
+  addCardButtonText,
+  addCardPosition = "bottom",
+  allowQuickAdd = true,
+  quickAddFields = ["title"],
+  validateCard,
+  onBeforeCardAdd,
+  // Column Customization
+  renderColumnHeader,
+  renderColumnFooter,
+  renderEmptyColumn,
+  columnMenuActions,
+  allowColumnReorder = true,
+  columnColorOptions,
+  columnDefaultColor = "#6B7280",
+  // Drag & Drop Enhancement
+  dragDisabled = false,
+  dropDisabled = false,
+  dragPreview = "card",
+  renderDragPreview,
+  canDrop,
+  onDragStart,
+  onDragEnd,
+  // UI/UX Customization
+  theme = "default",
+  cardVariant = "default",
+  enableAnimations = true,
+  animationDuration = 0.2,
+  columnWidth,
+  columnGap = 24,
+  cardGap = 12,
+  showTooltips = true,
+  tooltipDelay = 500
 }) {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
@@ -11422,7 +12491,18 @@ function Kanban({
   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;
@@ -11478,11 +12558,24 @@ function Kanban({
   const handleDragStart = (card, columnId) => {
     if (disabled)
       return;
+    if (typeof dragDisabled === "function" && dragDisabled(card))
+      return;
+    if (dragDisabled === true)
+      return;
     setDraggedCard(card.id);
+    const column = columns.find((col) => col.id === columnId);
+    if (column && onDragStart) {
+      onDragStart(card, column);
+    }
   };
   const handleDragOver = (e, columnId) => {
     if (disabled)
       return;
+    const column = columns.find((col) => col.id === columnId);
+    if (column && typeof dropDisabled === "function" && dropDisabled(column))
+      return;
+    if (dropDisabled === true)
+      return;
     e.preventDefault();
     setDraggedOverColumn(columnId);
     const container = scrollRef.current;
@@ -11499,6 +12592,13 @@ function Kanban({
     }
   };
   const handleDragEnd = () => {
+    if (draggedCard) {
+      const card = columns.flatMap((col) => col.cards).find((c2) => c2.id === draggedCard);
+      const column = columns.find((col) => col.cards.some((c2) => c2.id === draggedCard));
+      if (card && column && onDragEnd) {
+        onDragEnd(card, column);
+      }
+    }
     setDraggedCard(null);
     setDraggedOverColumn(null);
     stopAutoScroll();
@@ -11507,6 +12607,11 @@ function Kanban({
     if (disabled || !draggedCard || !onCardMove)
       return;
     e.preventDefault();
+    const targetColumn = columns.find((col) => col.id === targetColumnId);
+    const draggedCardObj = columns.flatMap((col) => col.cards).find((card) => card.id === draggedCard);
+    if (targetColumn && draggedCardObj && canDrop && !canDrop(draggedCardObj, targetColumn, targetIndex)) {
+      return;
+    }
     let sourceColumnId = null;
     let sourceCard = null;
     for (const column of columns) {
@@ -11531,15 +12636,208 @@ function Kanban({
   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":
-        onColumnUpdate?.({ ...column, collapsed: !column.collapsed });
+        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;
     }
   };
+  const handleCardClick = (card) => {
+    if (onCardClick) {
+      onCardClick(card);
+    } else {
+      setSelectedCard(card);
+    }
+  };
+  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;
+    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 handleColumnRename = (columnId) => {
+    const column = columns.find((col) => col.id === columnId);
+    if (!column || !editingColumnTitle.trim())
+      return;
+    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 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 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 handleExport = (format6) => {
+    if (onExport) {
+      onExport(format6);
+    } else {
+      if (format6 === "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 (format6 === "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"
+        });
+      }
+    }
+  };
   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" }) }),
@@ -11620,14 +12918,14 @@ function Kanban({
               ] })
             ] })
           ] }),
-          onExport && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+          /* @__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: () => onExport("json"), children: "Export as JSON" }),
-              /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => onExport("csv"), children: "Export as CSV" })
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleExport("json"), children: "Export as JSON" }),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleExport("csv"), children: "Export as CSV" })
             ] })
           ] })
         ] })
@@ -11653,7 +12951,8 @@ function Kanban({
       "div",
       {
         ref: scrollRef,
-        className: "flex gap-6 overflow-x-auto pb-4",
+        className: "flex overflow-x-auto pb-4",
+        style: { gap: `${columnGap}px` },
         onDragOver: (e) => e.preventDefault(),
         children: [
           /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: filteredColumns.map((column) => {
@@ -11662,14 +12961,19 @@ function Kanban({
             return /* @__PURE__ */ jsx(
               motion.div,
               {
-                layout: true,
-                initial: { opacity: 0, x: -20 },
+                layout: enableAnimations,
+                initial: { opacity: enableAnimations ? 0 : 1, x: enableAnimations ? -20 : 0 },
                 animate: { opacity: 1, x: 0 },
-                exit: { opacity: 0, x: 20 },
+                exit: { opacity: enableAnimations ? 0 : 1, x: enableAnimations ? 20 : 0 },
                 className: cn(
-                  "flex-shrink-0 w-80 transition-all duration-200",
+                  "flex-shrink-0 transition-all",
                   isDraggedOver && "scale-105"
                 ),
+                style: {
+                  width: columnWidth === "auto" ? "auto" : (columnWidth || 320) + "px",
+                  minWidth: columnWidth === "auto" ? "300px" : void 0,
+                  transitionDuration: enableAnimations ? `${animationDuration}s` : "0s"
+                },
                 onDragOver: (e) => handleDragOver(e, column.id),
                 onDragLeave: () => setDraggedOverColumn(null),
                 onDrop: (e) => handleDrop(e, column.id, column.cards.length),
@@ -11678,7 +12982,7 @@ function Kanban({
                   isDraggedOver && "ring-2 ring-primary ring-offset-2 bg-primary/5",
                   column.collapsed && "opacity-60"
                 ), children: [
-                  /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-3", children: [
+                  /* @__PURE__ */ jsx(MoonUICardHeaderPro, { className: "pb-3", children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs(Fragment, { 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(
@@ -11688,15 +12992,48 @@ function Kanban({
                             style: { backgroundColor: column.color }
                           }
                         ),
-                        /* @__PURE__ */ jsxs(MoonUICardTitlePro, { className: "text-sm font-medium flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-sm font-medium flex items-center gap-2", children: editingColumnId === column.id ? /* @__PURE__ */ jsx(
+                          MoonUIInputPro,
+                          {
+                            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__ */ 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__ */ jsx(MoonUIDropdownMenuContentPro, { align: "end", children: columnMenuActions ? columnMenuActions.map((action, index2) => {
+                          if (action.visible && !action.visible(column))
+                            return null;
+                          return /* @__PURE__ */ jsxs(
+                            MoonUIDropdownMenuItemPro,
+                            {
+                              onClick: () => action.action(column),
+                              children: [
+                                action.icon || null,
+                                action.label
+                              ]
+                            },
+                            index2
+                          );
+                        }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                           /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "rename"), children: [
                             /* @__PURE__ */ jsx(Edit, { className: "mr-2 h-4 w-4" }),
                             "Rename"
@@ -11719,13 +13056,20 @@ function Kanban({
                                 /* @__PURE__ */ jsx(Timer, { className: "mr-2 h-4 w-4" }),
                                 "Set WIP limit"
                               ] }),
-                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "changeColor"), children: [
                                 /* @__PURE__ */ jsx(Palette, { className: "mr-2 h-4 w-4" }),
                                 "Change color"
                               ] }),
-                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
-                                /* @__PURE__ */ jsx(ArrowUpDown, { className: "mr-2 h-4 w-4" }),
-                                "Sort cards"
+                              /* @__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" })
+                                ] })
                               ] })
                             ] })
                           ] }),
@@ -11741,7 +13085,7 @@ function Kanban({
                               ]
                             }
                           )
-                        ] })
+                        ] }) })
                       ] })
                     ] }),
                     column.limit && /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { className: cn(
@@ -11755,12 +13099,12 @@ function Kanban({
                       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(
+                  ] }) }),
+                  !column.collapsed && /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-3", style: { gap: `${cardGap}px` }, children: [
+                    /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-300px)]", children: column.cards.length === 0 && renderEmptyColumn ? renderEmptyColumn(column) : /* @__PURE__ */ jsx(AnimatePresence, { mode: enableAnimations ? "popLayout" : void 0, children: column.cards.sort((a, b) => a.position - b.position).map((card, index2) => /* @__PURE__ */ jsx(
                       "div",
                       {
-                        draggable: !disabled,
+                        draggable: !disabled && (typeof dragDisabled === "function" ? !dragDisabled(card) : !dragDisabled),
                         onDragStart: () => handleDragStart(card, column.id),
                         onDragEnd: handleDragEnd,
                         onDrop: (e) => {
@@ -11773,6 +13117,7 @@ function Kanban({
                           KanbanCardComponent,
                           {
                             card,
+                            column,
                             isDragging: draggedCard === card.id,
                             onEdit: (e) => {
                               e.stopPropagation();
@@ -11782,15 +13127,29 @@ function Kanban({
                               e.stopPropagation();
                               onCardDelete?.(card);
                             },
-                            onClick: () => onCardClick?.(card),
+                            onClick: () => handleCardClick(card),
                             showDetails: showCardDetails,
-                            disabled
+                            disabled,
+                            renderCard,
+                            renderCardPreview,
+                            renderCardBadge,
+                            renderCardActions,
+                            cardCompactMode,
+                            cardShowCoverImage,
+                            cardShowAssignees,
+                            cardShowLabels,
+                            cardShowProgress,
+                            cardDateFormat,
+                            cardMaxAssigneesToShow,
+                            enableAnimations,
+                            animationDuration,
+                            cardVariant
                           }
                         )
                       },
                       card.id
                     )) }) }),
-                    onAddCard && !column.locked && !isOverLimit && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                    onAddCard && !column.locked && !isOverLimit && (renderAddCardButton ? renderAddCardButton(column.id) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
                       /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
                         MoonUIButtonPro,
                         {
@@ -11800,21 +13159,21 @@ function Kanban({
                           disabled,
                           children: [
                             /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-                            "Add card"
+                            typeof addCardButtonText === "function" ? addCardButtonText(column.id) : addCardButtonText || "Add card"
                           ]
                         }
                       ) }),
                       /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "start", className: "w-48", children: [
                         /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Card Templates" }),
                         /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
-                        /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddCard(column.id), children: [
+                        /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleAddCard(column.id), children: [
                           /* @__PURE__ */ jsx(FileText, { className: "mr-2 h-4 w-4" }),
                           "Blank card"
                         ] }),
                         cardTemplates.map((template, index2) => /* @__PURE__ */ jsxs(
                           MoonUIDropdownMenuItemPro,
                           {
-                            onClick: () => onAddCard(column.id, template),
+                            onClick: () => handleAddCard(column.id, template),
                             children: [
                               /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
                               template.title || `Template ${index2 + 1}`
@@ -11823,7 +13182,8 @@ function Kanban({
                           index2
                         ))
                       ] })
-                    ] })
+                    ] })),
+                    renderColumnFooter && renderColumnFooter(column)
                   ] })
                 ] })
               },
@@ -11934,7 +13294,101 @@ function Kanban({
           )
         ]
       }
-    )
+    ),
+    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`
+          });
+        },
+        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,
+      {
+        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" })
+      ] })
+    ] }) })
   ] });
 }
 
@@ -12120,7 +13574,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size4;
   }
 }
-var Fragment5 = class {
+var Fragment7 = class {
   /**
   @internal
   */
@@ -12188,7 +13642,7 @@ var Fragment5 = class {
     }
     for (; i < other.content.length; i++)
       content.push(other.content[i]);
-    return new Fragment5(content, this.size + other.size);
+    return new Fragment7(content, this.size + other.size);
   }
   /**
   Cut out the sub-fragment between the two given positions.
@@ -12212,17 +13666,17 @@ var Fragment5 = class {
         }
         pos = end;
       }
-    return new Fragment5(result, size4);
+    return new Fragment7(result, size4);
   }
   /**
   @internal
   */
   cutByIndex(from2, to) {
     if (from2 == to)
-      return Fragment5.empty;
+      return Fragment7.empty;
     if (from2 == 0 && to == this.content.length)
       return this;
-    return new Fragment5(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
@@ -12235,21 +13689,21 @@ var Fragment5 = class {
     let copy2 = this.content.slice();
     let size4 = this.size + node.nodeSize - current.nodeSize;
     copy2[index2] = node;
-    return new Fragment5(copy2, size4);
+    return new Fragment7(copy2, size4);
   }
   /**
   Create a new fragment by prepending the given node to this
   fragment.
   */
   addToStart(node) {
-    return new Fragment5([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 Fragment5(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.
@@ -12368,10 +13822,10 @@ var Fragment5 = class {
   */
   static fromJSON(schema, value) {
     if (!value)
-      return Fragment5.empty;
+      return Fragment7.empty;
     if (!Array.isArray(value))
       throw new RangeError("Invalid input for Fragment.fromJSON");
-    return new Fragment5(value.map(schema.nodeFromJSON));
+    return new Fragment7(value.map(schema.nodeFromJSON));
   }
   /**
   Build a fragment from an array of nodes. Ensures that adjacent
@@ -12379,7 +13833,7 @@ var Fragment5 = class {
   */
   static fromArray(array) {
     if (!array.length)
-      return Fragment5.empty;
+      return Fragment7.empty;
     let joined, size4 = 0;
     for (let i = 0; i < array.length; i++) {
       let node = array[i];
@@ -12392,7 +13846,7 @@ var Fragment5 = class {
         joined.push(node);
       }
     }
-    return new Fragment5(joined || array, size4);
+    return new Fragment7(joined || array, size4);
   }
   /**
   Create a fragment from something that can be interpreted as a
@@ -12402,17 +13856,17 @@ var Fragment5 = class {
   */
   static from(nodes) {
     if (!nodes)
-      return Fragment5.empty;
-    if (nodes instanceof Fragment5)
+      return Fragment7.empty;
+    if (nodes instanceof Fragment7)
       return nodes;
     if (Array.isArray(nodes))
       return this.fromArray(nodes);
     if (nodes.attrs)
-      return new Fragment5([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)" : ""));
   }
 };
-Fragment5.empty = new Fragment5([], 0);
+Fragment7.empty = new Fragment7([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index2, offset4) {
   found.index = index2;
@@ -12637,7 +14091,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(Fragment5.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
@@ -12652,7 +14106,7 @@ var Slice = class {
     return new Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment5.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);
@@ -12750,7 +14204,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment5(content);
+  return new Fragment7(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -12760,13 +14214,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment5(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(Fragment5.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)
@@ -13105,7 +14559,7 @@ var Node2 = class {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment5.empty;
+    this.content = content || Fragment7.empty;
   }
   /**
   The array of this node's child nodes.
@@ -13410,7 +14864,7 @@ var Node2 = class {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from2, to, replacement = Fragment5.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)
@@ -13492,7 +14946,7 @@ var Node2 = class {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json2.text, marks);
     }
-    let content = Fragment5.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;
@@ -13634,7 +15088,7 @@ var ContentMatch = class {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment5.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) {
@@ -14086,7 +15540,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), Fragment5.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
@@ -14094,7 +15548,7 @@ var NodeType = class {
   if it doesn't match.
   */
   createChecked(attrs = null, content, marks) {
-    content = Fragment5.from(content);
+    content = Fragment7.from(content);
     this.checkContent(content);
     return new Node2(this, this.computeAttrs(attrs), content, Mark.setFrom(marks));
   }
@@ -14108,7 +15562,7 @@ var NodeType = class {
   */
   createAndFill(attrs = null, content, marks) {
     attrs = this.computeAttrs(attrs);
-    content = Fragment5.from(content);
+    content = Fragment7.from(content);
     if (content.size) {
       let before = this.contentMatch.fillBefore(content);
       if (!before)
@@ -14116,7 +15570,7 @@ var NodeType = class {
       content = before.append(content);
     }
     let matched = this.contentMatch.matchFragment(content);
-    let after = matched && matched.fillBefore(Fragment5.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));
@@ -14580,7 +16034,7 @@ var NodeContext = class {
     if (!this.match) {
       if (!this.type)
         return [];
-      let fill = this.type.contentMatch.fillBefore(Fragment5.from(node));
+      let fill = this.type.contentMatch.fillBefore(Fragment7.from(node));
       if (fill) {
         this.match = this.type.contentMatch.matchFragment(fill);
       } else {
@@ -14606,9 +16060,9 @@ var NodeContext = class {
           this.content[this.content.length - 1] = text.withText(text.text.slice(0, text.text.length - m2[0].length));
       }
     }
-    let content = Fragment5.from(this.content);
+    let content = Fragment7.from(this.content);
     if (!openEnd && this.match)
-      content = content.append(this.match.fillBefore(Fragment5.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) {
@@ -15625,7 +17079,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment5.fromArray(mapped);
+  return Fragment7.fromArray(mapped);
 }
 var AddMarkStep = class extends Step {
   /**
@@ -15742,7 +17196,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(Fragment5.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);
@@ -15788,7 +17242,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(Fragment5.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);
@@ -16053,7 +17507,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(Fragment5.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));
         }
       }
@@ -16061,7 +17515,7 @@ function clearIncompatible(tr2, pos, parentType, match = parentType.contentMatch
     cur = end;
   }
   if (!match.validEnd) {
-    let fill = match.fillBefore(Fragment5.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--)
@@ -16087,20 +17541,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 = Fragment5.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 = Fragment5.from($from.node(d).copy(before));
+      before = Fragment7.from($from.node(d).copy(before));
       openStart++;
     } else {
       start--;
     }
-  let after = Fragment5.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 = Fragment5.from($to.node(d).copy(after));
+      after = Fragment7.from($to.node(d).copy(after));
       openEnd++;
     } else {
       end++;
@@ -16140,14 +17594,14 @@ function findWrappingInside(range, type) {
   return inside;
 }
 function wrap(tr2, range, wrappers) {
-  let content = Fragment5.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 = Fragment5.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));
@@ -16172,7 +17626,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(Fragment5.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;
@@ -16213,7 +17667,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(Fragment5.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;
@@ -16237,11 +17691,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 = Fragment5.empty, after = Fragment5.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 = Fragment5.from($pos.node(d).copy(before));
+    before = Fragment7.from($pos.node(d).copy(before));
     let typeAfter = typesAfter && typesAfter[i];
-    after = Fragment5.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));
 }
@@ -16380,7 +17834,7 @@ var Fitter = class {
     this.$to = $to;
     this.unplaced = unplaced;
     this.frontier = [];
-    this.placed = Fragment5.empty;
+    this.placed = Fragment7.empty;
     for (let i = 0; i <= $from.depth; i++) {
       let node = $from.node(i);
       this.frontier.push({
@@ -16389,7 +17843,7 @@ var Fitter = class {
       });
     }
     for (let i = $from.depth; i > 0; i--)
-      this.placed = Fragment5.from($from.node(i).copy(this.placed));
+      this.placed = Fragment7.from($from.node(i).copy(this.placed));
   }
   get depth() {
     return this.frontier.length - 1;
@@ -16446,7 +17900,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(Fragment5.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 };
@@ -16506,7 +17960,7 @@ var Fitter = class {
     let toEnd = taken == fragment.childCount;
     if (!toEnd)
       openEndCount = -1;
-    this.placed = addToFragment(this.placed, frontierDepth, Fragment5.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();
@@ -16563,12 +18017,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, Fragment5.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(Fragment5.empty, true);
+    let add = open.match.fillBefore(Fragment7.empty, true);
     if (add.childCount)
       this.placed = addToFragment(this.placed, this.frontier.length, add);
   }
@@ -16597,7 +18051,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(Fragment5.empty, true));
+      frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment7.empty, true));
   }
   return node.copy(frag);
 }
@@ -16689,7 +18143,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(Fragment5.empty, true));
+    fragment = start.append(match.matchFragment(start).fillBefore(Fragment7.empty, true));
   }
   return fragment;
 }
@@ -16699,7 +18153,7 @@ function replaceRangeWith(tr2, from2, to, node) {
     if (point != null)
       from2 = to = point;
   }
-  tr2.replaceRange(from2, to, new Slice(Fragment5.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);
@@ -16747,7 +18201,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(Fragment5.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;
@@ -16882,7 +18336,7 @@ var Transform = class {
   fragment, node, or array of nodes.
   */
   replaceWith(from2, to, content) {
-    return this.replace(from2, to, new Slice(Fragment5.from(content), 0, 0));
+    return this.replace(from2, to, new Slice(Fragment7.from(content), 0, 0));
   }
   /**
   Delete the content between the given positions.
@@ -17384,7 +18838,7 @@ var NodeSelection = class extends Selection {
     return new NodeSelection($pos);
   }
   content() {
-    return new Slice(Fragment5.from(this.node), 0, 0);
+    return new Slice(Fragment7.from(this.node), 0, 0);
   }
   eq(other) {
     return other instanceof NodeSelection && other.anchor == this.anchor;
@@ -19206,7 +20660,7 @@ var NodeViewDesc = class extends ViewDesc {
         }
       }
       if (!rule.contentElement)
-        rule.getContent = () => Fragment5.empty;
+        rule.getContent = () => Fragment7.empty;
     }
     return rule;
   }
@@ -20525,7 +21979,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
       text = f(text, inCode || plainText, view);
     });
     if (inCode)
-      return text ? new Slice(Fragment5.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;
@@ -20614,13 +22068,13 @@ function normalizeSiblings(fragment, $context) {
       }
     });
     if (result)
-      return Fragment5.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, Fragment5.from(node));
+    node = wrap2[i].create(null, Fragment7.from(node));
   return node;
 }
 function addToSibling(wrap2, lastWrap, node, sibling, depth) {
@@ -20630,14 +22084,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(Fragment5.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(Fragment5.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) {
@@ -20647,7 +22101,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(Fragment5.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) {
@@ -20717,7 +22171,7 @@ function addContext(slice2, context) {
     let type = schema.nodes[array[i]];
     if (!type || type.hasRequiredAttrs())
       break;
-    content = Fragment5.from(type.create(array[i + 1], content));
+    content = Fragment7.from(type.create(array[i + 1], content));
     openStart++;
     openEnd++;
   }
@@ -22578,7 +24032,7 @@ function isMarkChange(cur, prev) {
   let updated = [];
   for (let i = 0; i < prev.childCount; i++)
     updated.push(update(prev.child(i)));
-  if (Fragment5.from(updated).eq(cur))
+  if (Fragment7.from(updated).eq(cur))
     return { mark, type };
 }
 function looksLikeBackspace(old, start, end, $newStart, $newEnd) {
@@ -23688,10 +25142,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 = Fragment5.empty;
+      let end = $cut.pos + after.nodeSize, wrap2 = Fragment7.empty;
       for (let i = conn.length - 1; i >= 0; i--)
-        wrap2 = Fragment5.from(conn[i].create(null, wrap2));
-      wrap2 = Fragment5.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))
@@ -23720,9 +25174,9 @@ function deleteBarrier(state, $cut, dispatch2, dir) {
       afterDepth++;
     if (at.canReplace(at.childCount, at.childCount, afterText.content)) {
       if (dispatch2) {
-        let end = Fragment5.empty;
+        let end = Fragment7.empty;
         for (let i = wrap2.length - 1; i >= 0; i--)
-          end = Fragment5.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());
       }
@@ -23827,9 +25281,9 @@ function wrapRangeInList(tr2, range, listType, attrs = null) {
   return true;
 }
 function doWrapInList(tr2, range, wrappers, joinBefore, listType) {
-  let content = Fragment5.empty;
+  let content = Fragment7.empty;
   for (let i = wrappers.length - 1; i >= 0; i--)
-    content = Fragment5.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++)
@@ -23863,7 +25317,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(Fragment5.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);
@@ -23887,10 +25341,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 ? Fragment5.empty : Fragment5.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 ? Fragment5.empty : Fragment5.from(list.copy(Fragment5.empty))).append(atEnd ? Fragment5.empty : Fragment5.from(list.copy(Fragment5.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;
 }
@@ -23908,8 +25362,8 @@ function sinkListItem(itemType) {
       return false;
     if (dispatch2) {
       let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
-      let inner = Fragment5.from(nestedBefore ? itemType.create() : null);
-      let slice2 = new Slice(Fragment5.from(itemType.create(null, Fragment5.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());
     }
@@ -24127,7 +25581,7 @@ function elementFromString(value) {
   return removeWhitespaces(html);
 }
 function createNodeFromContent(content, schema, options) {
-  if (content instanceof Node2 || content instanceof Fragment5) {
+  if (content instanceof Node2 || content instanceof Fragment7) {
     return content;
   }
   options = {
@@ -24141,7 +25595,7 @@ function createNodeFromContent(content, schema, options) {
     try {
       const isArrayContent = Array.isArray(content) && content.length > 0;
       if (isArrayContent) {
-        return Fragment5.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+        return Fragment7.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
       const node = schema.nodeFromJSON(content);
       if (options.errorOnInvalidContent) {
@@ -25275,7 +26729,7 @@ function inputRulesPlugin(props) {
             if (typeof text === "string") {
               text = text;
             } else {
-              text = getHTMLFromFragment(Fragment5.from(text), state.schema);
+              text = getHTMLFromFragment(Fragment7.from(text), state.schema);
             }
             const { from: from2 } = simulatedInputMeta;
             const to = from2 + text.length;
@@ -25653,7 +27107,7 @@ function pasteRulesPlugin(props) {
           if (typeof text === "string") {
             text = text;
           } else {
-            text = getHTMLFromFragment(Fragment5.from(text), state.schema);
+            text = getHTMLFromFragment(Fragment7.from(text), state.schema);
           }
           const { from: from22 } = simulatedPasteMeta;
           const to2 = from22 + text.length;
@@ -26311,7 +27765,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 Fragment5) {
+      } else if (value instanceof Fragment7) {
         let text = "";
         value.forEach((node) => {
           if (node.text) {
@@ -26778,10 +28232,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr: tr2, state, dispa
       return false;
     }
     if (dispatch2) {
-      let wrap2 = Fragment5.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 = Fragment5.from($from.node(d).copy(wrap2));
+        wrap2 = Fragment7.from($from.node(d).copy(wrap2));
       }
       const depthAfter = (
         // eslint-disable-next-line no-nested-ternary
@@ -26792,7 +28246,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(Fragment5.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;
@@ -28423,7 +29877,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) => {
@@ -28642,7 +30096,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);
@@ -28921,11 +30375,11 @@ var ReactNodeViewContext = createContext({
 var useReactNodeView = () => useContext(ReactNodeViewContext);
 t__default.forwardRef((props, ref) => {
   const { onDragStart } = useReactNodeView();
-  const Tag2 = props.as || "div";
+  const Tag4 = props.as || "div";
   return (
     // @ts-ignore
     /* @__PURE__ */ jsx(
-      Tag2,
+      Tag4,
       {
         ...props,
         ref,
@@ -32238,9 +33692,9 @@ function beforeinput(view, event) {
   let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
   if (!insert)
     return false;
-  let frag = Fragment5.empty;
+  let frag = Fragment7.empty;
   for (let i = insert.length - 1; i >= 0; i--)
-    frag = Fragment5.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);
@@ -33365,7 +34819,7 @@ var index_default7 = Highlight;
 
 // ../../node_modules/@tiptap/extension-image/dist/index.js
 var inputRegex6 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
-var Image4 = Node3.create({
+var Image5 = Node3.create({
   name: "image",
   addOptions() {
     return {
@@ -33433,7 +34887,7 @@ var Image4 = Node3.create({
     ];
   }
 });
-var index_default8 = Image4;
+var index_default8 = Image5;
 
 // ../../node_modules/prosemirror-tables/dist/index.js
 var readFromCache;
@@ -33920,10 +35374,10 @@ var CellSelection = class _CellSelection extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment5.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment7.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment5.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;
@@ -33943,7 +35397,7 @@ var CellSelection = class _CellSelection extends Selection {
       tr2.setSelection(sel);
   }
   replaceWith(tr2, node) {
-    this.replace(tr2, new Slice(Fragment5.from(node), 0, 0));
+    this.replace(tr2, new Slice(Fragment7.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -34491,7 +35945,7 @@ function mergeCells(state, dispatch2) {
   if (dispatch2) {
     const tr2 = state.tr;
     const seen = {};
-    let content = Fragment5.empty;
+    let content = Fragment7.empty;
     let mergedPos;
     let mergedCell;
     for (let row = rect.top; row < rect.bottom; row++) {
@@ -34872,14 +36326,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(Fragment5.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(Fragment5.from(cells));
+      rows[r2] = rows[r2].append(Fragment7.from(cells));
     }
   }
   return { height: rows.length, width, rows };
@@ -34911,7 +36365,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(Fragment5.from(cells));
+      newRows.push(Fragment7.from(cells));
     }
     rows = newRows;
     width = newWidth;
@@ -34932,7 +36386,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
           );
         cells.push(cell);
       }
-      newRows.push(Fragment5.from(cells));
+      newRows.push(Fragment7.from(cells));
     }
     rows = newRows;
     height = newHeight;
@@ -34967,7 +36421,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, Fragment5.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);
@@ -35176,7 +36630,7 @@ function handlePaste(view, _, slice2) {
         width: 1,
         height: 1,
         rows: [
-          Fragment5.from(
+          Fragment7.from(
             fitSlice(tableNodeTypes(view.state.schema).cell, slice2)
           )
         ]
@@ -53370,7 +54824,7 @@ function Timeline({
       return formatDate2(date);
     }
   };
-  const getInitials2 = (name) => {
+  const getInitials4 = (name) => {
     return name.split(" ").map((n) => n[0]).join("").toUpperCase();
   };
   const groupEventsByDate = (events2) => {
@@ -53430,7 +54884,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: getInitials2(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 })
             ] }),
@@ -53736,9 +55190,9 @@ function AdvancedChart({
       toggleSeriesVisibility(entry.dataKey);
     }
   };
-  const handleExport = (format3) => {
+  const handleExport = (format6) => {
     if (onExport) {
-      onExport(format3);
+      onExport(format6);
     }
   };
   const handleZoom = (direction) => {
@@ -57934,7 +59388,7 @@ var OptimizedImageInternal = ({
   width,
   height,
   quality = 75,
-  format: format3 = "auto",
+  format: format6 = "auto",
   lazy = true,
   blur: blur2 = true,
   priority = false,
@@ -57973,7 +59427,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: format6 });
   const handleImageLoad = () => {
     setIsLoaded(true);
     setIsLoading(false);
@@ -58137,7 +59591,7 @@ var OptimizedImageInternal = ({
                   ] }),
                   /* @__PURE__ */ jsxs("div", { children: [
                     "Format: ",
-                    format3
+                    format6
                   ] })
                 ]
               }
@@ -59282,7 +60736,7 @@ ${options.description}` : options.title;
     }
   }
 }
-var useToast = () => {
+var useToast2 = () => {
   return { toast: toast2 };
 };
 var fileUploadVariants = cva(
@@ -59306,7 +60760,7 @@ var fileUploadVariants = cva(
     }
   }
 );
-var formatFileSize = (bytes) => {
+var formatFileSize2 = (bytes) => {
   if (bytes === 0)
     return "0 B";
   const k3 = 1024;
@@ -59471,7 +60925,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: [
@@ -59579,7 +61033,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`;
@@ -59932,7 +61386,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;
         }
       }
@@ -60145,7 +61599,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: [
@@ -60258,7 +61712,7 @@ var FileUploadItem = ({
   onPauseResume,
   onPreview
 }) => {
-  const { toast: toast3 } = useToast();
+  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(
@@ -60344,7 +61798,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: [
@@ -60385,7 +61839,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: [
@@ -61017,11 +62471,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: format6, filename = "data-export", columns, includeHeaders = true } = options;
   let content;
   let mimeType;
   let extension;
-  switch (format3) {
+  switch (format6) {
     case "csv":
       content = dataToCSV(data, columns, includeHeaders);
       mimeType = "text/csv;charset=utf-8;";
@@ -61035,7 +62489,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: ${format6}`);
   }
   const finalFilename = `${filename}-${( new Date()).toISOString().split("T")[0]}.${extension}`;
   downloadFile(content, finalFilename, mimeType);
@@ -61518,11 +62972,11 @@ function DataTable({
     rowSelection: features.rowSelection !== false || selectable,
     export: features.export !== false || exportable
   });
-  const handleExport = async (format3) => {
+  const handleExport = async (format6) => {
     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, format6);
       return;
     }
     if (onExport) {
@@ -61532,7 +62986,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: format6,
       filename,
       columns: visibleColumns,
       includeHeaders: true
@@ -63464,18 +64918,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, format6) {
+  if (!number || !format6)
     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 < format6.length && digitIndex < cleaned.length; i++) {
+    if (format6[i] === "x") {
       formatted += cleaned[digitIndex];
       digitIndex++;
     } else {
-      formatted += format3[i];
+      formatted += format6[i];
     }
   }
   return formatted;