@moontra/moonui-pro 2.11.3 → 2.12.0

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
-import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useContext, useMemo, useLayoutEffect, useDebugValue, Component } from 'react';
+import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useMemo, useContext, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, Upload, Play, Eye, CheckCircle2, Pause, RotateCcw, Download, Copy, Share, Trash2, CreditCard, Globe, XCircle, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, RefreshCw, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Video, Music, Archive, File, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, Upload, Play, Eye, CheckCircle2, Pause, RotateCcw, Download, Copy, Share, Trash2, CreditCard, Globe, XCircle, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, MapPin, User, Filter, Move, Archive, EyeOff, Settings, Timer, Palette, ArrowUpDown, FileText, Star, Square, CheckSquare, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Highlighter, Link2, Image as Image$1, Table as Table$1, Undo, Redo, RefreshCw, Wand2, Maximize, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Video, Music, File, FileDown, ArrowUp, ArrowDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, isSameMonth, isToday, isSameDay, startOfDay, endOfDay, subDays, formatDistanceToNow } from 'date-fns';
-import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, animate } from 'framer-motion';
+import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, animate, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
@@ -1995,9 +1995,19 @@ var MoonUIAvatarFallbackPro = t.forwardRef(({ className, ...props }, ref) => /*
 ));
 MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
 var MoonUIAvatarGroupPro = t.forwardRef(
-  ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
-    const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
-    const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
+  ({ className, max: max2 = 3, size: size4 = "md", children, overlapOffset, ...props }, ref) => {
+    const childrenArray = t.Children.toArray(children);
+    const visibleChildren = max2 ? childrenArray.slice(0, max2) : childrenArray;
+    const remainingCount = max2 ? Math.max(0, childrenArray.length - max2) : 0;
+    const defaultOffsets = {
+      xs: -4,
+      sm: -6,
+      md: -8,
+      lg: -10,
+      xl: -12,
+      "2xl": -16
+    };
+    const finalOffset = overlapOffset ?? defaultOffsets[size4] ?? -8;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -2005,24 +2015,24 @@ var MoonUIAvatarGroupPro = t.forwardRef(
         className: cn("flex items-center", className),
         ...props,
         children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
-          visibleAvatars.map((avatar, index2) => /* @__PURE__ */ jsx(
+          visibleChildren.map((child, index2) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: "relative",
+              className: "relative ring-2 ring-background rounded-full",
               style: {
-                marginLeft: index2 === 0 ? 0 : `${overlapOffset}px`,
-                zIndex: visibleAvatars.length - index2
+                marginLeft: index2 === 0 ? 0 : `${finalOffset}px`,
+                zIndex: visibleChildren.length - index2
               },
-              children: avatar
+              children: t.isValidElement(child) && child.type === MoonUIAvatarPro ? t.cloneElement(child, { size: size4 }) : child
             },
             index2
           )),
           remainingCount > 0 && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "relative z-0",
-              style: { marginLeft: `${overlapOffset}px` },
-              children: /* @__PURE__ */ jsx(MoonUIAvatarPro, { variant: "border", children: /* @__PURE__ */ jsxs(MoonUIAvatarFallbackPro, { children: [
+              className: "relative z-0 ring-2 ring-background rounded-full",
+              style: { marginLeft: `${finalOffset}px` },
+              children: /* @__PURE__ */ jsx(MoonUIAvatarPro, { size: size4, className: "bg-muted", children: /* @__PURE__ */ jsxs(MoonUIAvatarFallbackPro, { className: "text-xs font-medium", children: [
                 "+",
                 remainingCount
               ] }) })
@@ -2033,7 +2043,7 @@ var MoonUIAvatarGroupPro = t.forwardRef(
     );
   }
 );
-MoonUIAvatarGroupPro.displayName = "AvatarGroup";
+MoonUIAvatarGroupPro.displayName = "MoonUIAvatarGroupPro";
 var moonUIBadgeVariantsPro = cva(
   [
     "inline-flex items-center gap-1.5",
@@ -4044,7 +4054,7 @@ var me = t.forwardRef((r2, o) => {
     var e;
     return Array.from(((e = I.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
   }
-  function X20(e) {
+  function X21(e) {
     let s = V()[e];
     s && E.setState("value", s.getAttribute(T));
   }
@@ -4059,10 +4069,10 @@ var me = t.forwardRef((r2, o) => {
       s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
     i ? E.setState("value", i.getAttribute(T)) : Q(e);
   }
-  let oe = () => X20(V().length - 1), ie3 = (e) => {
+  let oe = () => X21(V().length - 1), ie3 = (e) => {
     e.preventDefault(), e.metaKey ? oe() : e.altKey ? re(1) : Q(1);
   }, se = (e) => {
-    e.preventDefault(), e.metaKey ? X20(0) : e.altKey ? re(-1) : Q(-1);
+    e.preventDefault(), e.metaKey ? X21(0) : e.altKey ? re(-1) : Q(-1);
   };
   return t.createElement(Primitive2.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
     var s;
@@ -4089,7 +4099,7 @@ var me = t.forwardRef((r2, o) => {
           break;
         }
         case "Home": {
-          e.preventDefault(), X20(0);
+          e.preventDefault(), X21(0);
           break;
         }
         case "End": {
@@ -6512,8 +6522,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast2) => {
-          addToRemoveQueue(toast2.id);
+        state.toasts.forEach((toast3) => {
+          addToRemoveQueue(toast3.id);
         });
       }
       return {
@@ -11111,24 +11121,284 @@ function Calendar3({
     )
   ] });
 }
-var PRIORITY_DOTS = {
-  low: "bg-green-500",
-  medium: "bg-yellow-500",
-  high: "bg-orange-500",
-  urgent: "bg-red-500"
+var PRIORITY_CONFIG = {
+  low: {
+    color: "bg-green-100 text-green-800 border-green-200",
+    dot: "bg-green-500",
+    icon: ArrowDown
+  },
+  medium: {
+    color: "bg-yellow-100 text-yellow-800 border-yellow-200",
+    dot: "bg-yellow-500",
+    icon: ArrowUp
+  },
+  high: {
+    color: "bg-orange-100 text-orange-800 border-orange-200",
+    dot: "bg-orange-500",
+    icon: Zap
+  },
+  urgent: {
+    color: "bg-red-100 text-red-800 border-red-200",
+    dot: "bg-red-500",
+    icon: AlertCircle
+  }
+};
+var COLUMN_TEMPLATES = {
+  todo: { title: "To Do", color: "#6B7280" },
+  inProgress: { title: "In Progress", color: "#3B82F6" },
+  done: { title: "Done", color: "#10B981" }
+};
+var formatDate = (date) => {
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: date.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? "numeric" : void 0
+  });
+};
+var isOverdue = (dueDate) => {
+  return dueDate < /* @__PURE__ */ new Date();
+};
+var getInitials = (name) => {
+  return name.split(" ").map((n) => n[0]).join("").toUpperCase();
+};
+var useAutoScroll = () => {
+  const scrollRef = useRef(null);
+  const scrollIntervalRef = useRef(null);
+  const startAutoScroll = useCallback((direction) => {
+    if (scrollIntervalRef.current)
+      return;
+    scrollIntervalRef.current = setInterval(() => {
+      if (scrollRef.current) {
+        const scrollAmount = direction === "left" ? -10 : 10;
+        scrollRef.current.scrollLeft += scrollAmount;
+      }
+    }, 20);
+  }, []);
+  const stopAutoScroll = useCallback(() => {
+    if (scrollIntervalRef.current) {
+      clearInterval(scrollIntervalRef.current);
+      scrollIntervalRef.current = null;
+    }
+  }, []);
+  useEffect(() => {
+    return () => stopAutoScroll();
+  }, [stopAutoScroll]);
+  return { scrollRef, startAutoScroll, stopAutoScroll };
+};
+var KanbanCardComponent = ({
+  card,
+  isDragging,
+  onEdit,
+  onDelete,
+  onClick,
+  showDetails,
+  disabled
+}) => {
+  const [isEditingTitle, setIsEditingTitle] = useState(false);
+  const [title, setTitle] = useState(card.title);
+  const dragControls = useDragControls();
+  const completedChecklistItems = card.checklist?.items.filter((item) => item.completed).length || 0;
+  const totalChecklistItems = card.checklist?.items.length || 0;
+  const checklistProgress = totalChecklistItems > 0 ? completedChecklistItems / totalChecklistItems * 100 : 0;
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      layout: true,
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -20 },
+      whileHover: { scale: 1.02 },
+      whileDrag: { scale: 1.05, rotate: 3 },
+      transition: { duration: 0.2 },
+      className: cn(
+        "relative group cursor-pointer select-none",
+        isDragging && "z-50"
+      ),
+      children: /* @__PURE__ */ jsxs(
+        MoonUICardPro,
+        {
+          className: cn(
+            "border hover:shadow-md transition-all duration-200",
+            isDragging && "shadow-2xl ring-2 ring-primary ring-offset-2",
+            disabled && "cursor-not-allowed opacity-50"
+          ),
+          onClick,
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-primary/20 to-primary/10 opacity-0 group-hover:opacity-100 transition-opacity cursor-move",
+                onPointerDown: (e) => dragControls.start(e)
+              }
+            ),
+            card.coverImage && /* @__PURE__ */ jsxs("div", { className: "relative h-32 -mx-px -mt-px rounded-t-lg overflow-hidden", children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: card.coverImage,
+                  alt: "",
+                  className: "w-full h-full object-cover"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" })
+            ] }),
+            /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "p-3", children: [
+              card.labels && card.labels.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: card.labels.map((label) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "h-2 w-12 rounded-full",
+                  style: { backgroundColor: label.color },
+                  title: label.name
+                },
+                label.id
+              )) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 mb-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: isEditingTitle ? /* @__PURE__ */ jsx(
+                  MoonUIInputPro,
+                  {
+                    value: title,
+                    onChange: (e) => setTitle(e.target.value),
+                    onBlur: () => setIsEditingTitle(false),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") {
+                        setIsEditingTitle(false);
+                      }
+                      if (e.key === "Escape") {
+                        setTitle(card.title);
+                        setIsEditingTitle(false);
+                      }
+                    },
+                    className: "h-6 px-1 py-0 text-sm font-medium",
+                    autoFocus: true,
+                    onClick: (e) => e.stopPropagation()
+                  }
+                ) : /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm line-clamp-2", children: card.title }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                  /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-6 w-6 p-0",
+                      onClick: (e) => e.stopPropagation(),
+                      children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-3 w-3" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", className: "w-48", children: [
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: onEdit, children: [
+                      /* @__PURE__ */ jsx(Edit, { className: "mr-2 h-4 w-4" }),
+                      "Edit"
+                    ] }),
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                      /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
+                      "Duplicate"
+                    ] }),
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                      /* @__PURE__ */ jsx(Move, { className: "mr-2 h-4 w-4" }),
+                      "Move"
+                    ] }),
+                    /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                      /* @__PURE__ */ jsx(Archive, { className: "mr-2 h-4 w-4" }),
+                      "Archive"
+                    ] }),
+                    /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                    /* @__PURE__ */ jsxs(
+                      MoonUIDropdownMenuItemPro,
+                      {
+                        onClick: onDelete,
+                        className: "text-destructive",
+                        children: [
+                          /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                          "Delete"
+                        ]
+                      }
+                    )
+                  ] })
+                ] }) })
+              ] }),
+              card.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-3 line-clamp-2", children: card.description }),
+              (card.progress !== void 0 || card.checklist) && /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground mb-1", children: [
+                  /* @__PURE__ */ jsx("span", { children: "Progress" }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    Math.round(card.progress || checklistProgress),
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(MoonUIProgressPro, { value: card.progress || checklistProgress, className: "h-1" })
+              ] }),
+              card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-3", children: card.tags.map((tag, index2) => /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs px-1.5 py-0", children: tag }, index2)) }),
+              showDetails && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  card.priority && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", PRIORITY_CONFIG[card.priority].dot) }),
+                    /* @__PURE__ */ jsx("span", { className: "capitalize", children: card.priority })
+                  ] }),
+                  card.dueDate && /* @__PURE__ */ jsxs("div", { className: cn(
+                    "flex items-center gap-1",
+                    isOverdue(card.dueDate) && "text-destructive"
+                  ), children: [
+                    /* @__PURE__ */ jsx(Calendar$1, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx("span", { children: formatDate(card.dueDate) })
+                  ] }),
+                  card.checklist && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(CheckSquare, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      completedChecklistItems,
+                      "/",
+                      totalChecklistItems
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  card.comments && card.comments > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(MessageCircle, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx("span", { children: card.comments })
+                  ] }),
+                  card.attachments && card.attachments.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx("span", { children: card.attachments.length })
+                  ] }),
+                  card.assignees && card.assignees.length > 0 && /* @__PURE__ */ jsx(MoonUIAvatarGroupPro, { max: 3, size: "xs", children: card.assignees.map((assignee) => /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: assignee.avatar }),
+                    /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(assignee.name) })
+                  ] }, assignee.id)) })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
 };
 function Kanban({
-  columns,
+  columns: initialColumns,
   onCardMove,
   onCardClick,
   onCardEdit,
   onCardDelete,
+  onCardUpdate,
   onAddCard,
   onAddColumn,
+  onColumnUpdate,
+  onColumnDelete,
+  onBulkAction,
+  onExport,
   className,
   showAddColumn = true,
   showCardDetails = true,
-  disabled = false
+  showFilters = true,
+  showSearch = true,
+  enableKeyboardShortcuts = true,
+  cardTemplates = [],
+  columnTemplates = [],
+  filters = [],
+  defaultFilter,
+  loading = false,
+  disabled = false,
+  labels = [],
+  users = []
 }) {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
@@ -11144,243 +11414,528 @@ function Kanban({
       ] })
     ] }) }) });
   }
-  const [draggedCard, setDraggedCard] = t__default.useState(null);
-  const [draggedOverColumn, setDraggedOverColumn] = t__default.useState(null);
-  const [draggedFromColumn, setDraggedFromColumn] = t__default.useState(null);
-  const handleDragStart = (e, cardId) => {
-    if (disabled)
+  const [columns, setColumns] = useState(initialColumns);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [activeFilter, setActiveFilter] = useState(defaultFilter);
+  const [selectedCards, setSelectedCards] = useState([]);
+  const [draggedCard, setDraggedCard] = useState(null);
+  const [draggedOverColumn, setDraggedOverColumn] = useState(null);
+  const [isCreatingColumn, setIsCreatingColumn] = useState(false);
+  const [newColumnTitle, setNewColumnTitle] = useState("");
+  const { scrollRef, startAutoScroll, stopAutoScroll } = useAutoScroll();
+  const filteredColumns = useMemo(() => {
+    if (!searchQuery && !activeFilter)
+      return columns;
+    return columns.map((column) => ({
+      ...column,
+      cards: column.cards.filter((card) => {
+        if (searchQuery) {
+          const query = searchQuery.toLowerCase();
+          const matchesSearch = card.title.toLowerCase().includes(query) || card.description?.toLowerCase().includes(query) || card.tags?.some((tag) => tag.toLowerCase().includes(query)) || card.assignees?.some((a) => a.name.toLowerCase().includes(query));
+          if (!matchesSearch)
+            return false;
+        }
+        if (activeFilter) {
+          const filter = filters.find((f) => f.id === activeFilter);
+          if (filter) {
+            if (filter.assignees?.length && !card.assignees?.some((a) => filter.assignees.includes(a.id))) {
+              return false;
+            }
+            if (filter.priority?.length && !filter.priority.includes(card.priority || "")) {
+              return false;
+            }
+            if (filter.labels?.length && !card.labels?.some((l) => filter.labels.includes(l.id))) {
+              return false;
+            }
+          }
+        }
+        return true;
+      })
+    }));
+  }, [columns, searchQuery, activeFilter, filters]);
+  useEffect(() => {
+    if (!enableKeyboardShortcuts)
       return;
-    const sourceColumn = columns.find(
-      (col) => col.cards.some((card) => card.id === cardId)
-    );
-    setDraggedCard(cardId);
-    setDraggedFromColumn(sourceColumn?.id || null);
-    e.dataTransfer.effectAllowed = "move";
-    e.dataTransfer.setData("text/plain", cardId);
-    e.currentTarget.classList.add("opacity-50");
-  };
-  const handleDragEnd = (e) => {
+    const handleKeyDown3 = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "f") {
+        e.preventDefault();
+        document.getElementById("kanban-search")?.focus();
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === "n") {
+        e.preventDefault();
+        const firstColumn = columns[0];
+        if (firstColumn && onAddCard) {
+          onAddCard(firstColumn.id);
+        }
+      }
+      if (e.key === "Escape") {
+        setSelectedCards([]);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown3);
+    return () => window.removeEventListener("keydown", handleKeyDown3);
+  }, [enableKeyboardShortcuts, columns, onAddCard]);
+  const handleDragStart = (card, columnId) => {
     if (disabled)
       return;
-    setDraggedCard(null);
-    setDraggedOverColumn(null);
-    setDraggedFromColumn(null);
-    e.currentTarget.classList.remove("opacity-50");
+    setDraggedCard(card.id);
   };
   const handleDragOver = (e, columnId) => {
-    if (disabled)
-      return;
-    e.preventDefault();
-    e.dataTransfer.dropEffect = "move";
-    setDraggedOverColumn(columnId);
-  };
-  const handleDragEnter = (e, columnId) => {
     if (disabled)
       return;
     e.preventDefault();
     setDraggedOverColumn(columnId);
-  };
-  const handleDragLeave = (e, columnId) => {
-    if (disabled)
+    const container = scrollRef.current;
+    if (!container)
       return;
-    e.preventDefault();
-    const rect = e.currentTarget.getBoundingClientRect();
-    const isLeavingColumn = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
-    if (isLeavingColumn) {
-      setDraggedOverColumn(null);
+    const rect = container.getBoundingClientRect();
+    const x = e.clientX;
+    if (x < rect.left + 100) {
+      startAutoScroll("left");
+    } else if (x > rect.right - 100) {
+      startAutoScroll("right");
+    } else {
+      stopAutoScroll();
     }
   };
-  const handleDrop = (e, columnId) => {
-    if (disabled)
-      return;
-    e.preventDefault();
-    const cardId = e.dataTransfer.getData("text/plain") || draggedCard;
-    if (cardId && onCardMove && draggedFromColumn && draggedFromColumn !== columnId) {
-      const targetColumn = columns.find((col) => col.id === columnId);
-      const newIndex = targetColumn?.cards.length || 0;
-      onCardMove(cardId, draggedFromColumn, columnId, newIndex);
-    }
+  const handleDragEnd = () => {
     setDraggedCard(null);
     setDraggedOverColumn(null);
-    setDraggedFromColumn(null);
+    stopAutoScroll();
   };
-  const handleCardClick = (card) => {
-    if (disabled)
+  const handleDrop = (e, targetColumnId, targetIndex) => {
+    if (disabled || !draggedCard || !onCardMove)
       return;
-    onCardClick?.(card);
-  };
-  const handleCardEdit = (card, e) => {
-    if (disabled)
-      return;
-    e.stopPropagation();
-    onCardEdit?.(card);
-  };
-  const handleCardDelete = (card, e) => {
-    if (disabled)
-      return;
-    e.stopPropagation();
-    onCardDelete?.(card);
-  };
-  const formatDate = (date) => {
-    return date.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric"
-    });
+    e.preventDefault();
+    let sourceColumnId = null;
+    let sourceCard = null;
+    for (const column of columns) {
+      const card = column.cards.find((c2) => c2.id === draggedCard);
+      if (card) {
+        sourceColumnId = column.id;
+        sourceCard = card;
+        break;
+      }
+    }
+    if (sourceColumnId && sourceCard) {
+      onCardMove(draggedCard, sourceColumnId, targetColumnId, targetIndex);
+    }
+    handleDragEnd();
   };
-  const isOverdue = (dueDate) => {
-    return dueDate < /* @__PURE__ */ new Date();
+  const handleBulkAction = (action) => {
+    if (onBulkAction && selectedCards.length > 0) {
+      onBulkAction(action, selectedCards);
+      setSelectedCards([]);
+    }
   };
-  const getInitials = (name) => {
-    return name.split(" ").map((n) => n[0]).join("").toUpperCase();
+  const handleColumnAction = (column, action) => {
+    switch (action) {
+      case "rename":
+        break;
+      case "delete":
+        onColumnDelete?.(column.id);
+        break;
+      case "collapse":
+        onColumnUpdate?.({ ...column, collapsed: !column.collapsed });
+        break;
+    }
   };
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs("div", { className: "flex gap-6 overflow-x-auto pb-4", children: [
-    columns.map((column) => {
-      const isOverLimit = column.limit && column.cards.length > column.limit;
-      const isDraggedOver = draggedOverColumn === column.id;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex-shrink-0 w-80 transition-colors duration-200",
-            isDraggedOver && "bg-primary/5 rounded-lg border-2 border-primary/20"
-          ),
-          onDragOver: (e) => handleDragOver(e, column.id),
-          onDragEnter: (e) => handleDragEnter(e, column.id),
-          onDragLeave: (e) => handleDragLeave(e, column.id),
-          onDrop: (e) => handleDrop(e, column.id),
-          children: /* @__PURE__ */ jsxs(MoonUICardPro, { className: "h-full", children: [
-            /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  column.color && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "w-3 h-3 rounded-full",
-                      style: { backgroundColor: column.color }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-sm font-medium", children: column.title }),
-                  /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs", children: column.cards.length })
-                ] }),
-                /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) })
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx("div", { className: "flex gap-6 overflow-x-auto pb-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-80", children: /* @__PURE__ */ jsxs(MoonUICardPro, { children: [
+      /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-4 w-24" }) }),
+      /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "space-y-3", children: [1, 2, 3].map((j) => /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-24 w-full" }, j)) })
+    ] }) }, i)) }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    (showSearch || showFilters) && /* @__PURE__ */ jsxs("div", { className: "mb-6 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        showSearch && /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-md", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              id: "kanban-search",
+              placeholder: "Search cards...",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              className: "pl-9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          showFilters && filters.length > 0 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+              /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+              "Filter",
+              activeFilter && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "ml-2", children: filters.find((f) => f.id === activeFilter)?.name })
+            ] }) }),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", className: "w-48", children: [
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Quick Filters" }),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => setActiveFilter(void 0), children: [
+                /* @__PURE__ */ jsx(X, { className: "mr-2 h-4 w-4" }),
+                "Clear filter"
               ] }),
-              column.limit && /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { className: cn(
-                "text-xs",
-                isOverLimit && "text-destructive"
-              ), children: isOverLimit ? "Over limit" : `${column.cards.length}/${column.limit} cards` })
-            ] }),
-            /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-3", children: [
-              column.cards.map((card) => /* @__PURE__ */ jsxs(
-                "div",
+              filters.map((filter) => /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
                 {
-                  draggable: !disabled,
-                  onDragStart: (e) => handleDragStart(e, card.id),
-                  onDragEnd: handleDragEnd,
-                  onClick: () => handleCardClick(card),
-                  className: cn(
-                    "p-3 bg-background border rounded-lg cursor-pointer hover:shadow-md transition-all duration-200",
-                    "group relative select-none",
-                    draggedCard === card.id && "opacity-50 scale-95",
-                    disabled && "cursor-not-allowed"
-                  ),
+                  onClick: () => setActiveFilter(filter.id),
                   children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                        /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm mb-1", children: card.title }),
-                        card.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-2 line-clamp-2", children: card.description })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                        /* @__PURE__ */ jsx(
-                          MoonUIButtonPro,
-                          {
-                            variant: "ghost",
-                            size: "sm",
-                            className: "h-6 w-6 p-0",
-                            onClick: (e) => handleCardEdit(card, e),
-                            children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          MoonUIButtonPro,
+                    /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        className: cn(
+                          "mr-2 h-4 w-4",
+                          activeFilter === filter.id ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    ),
+                    filter.name
+                  ]
+                },
+                filter.id
+              ))
+            ] })
+          ] }),
+          selectedCards.length > 0 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+              /* @__PURE__ */ jsxs("span", { className: "mr-2", children: [
+                selectedCards.length,
+                " selected"
+              ] }),
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+            ] }) }),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleBulkAction("move"), children: [
+                /* @__PURE__ */ jsx(Move, { className: "mr-2 h-4 w-4" }),
+                "Move cards"
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleBulkAction("archive"), children: [
+                /* @__PURE__ */ jsx(Archive, { className: "mr-2 h-4 w-4" }),
+                "Archive cards"
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleBulkAction("delete"), children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                "Delete cards"
+              ] })
+            ] })
+          ] }),
+          onExport && /* @__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" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      activeFilter && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Active filters:" }),
+        /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: "secondary", children: [
+          filters.find((f) => f.id === activeFilter)?.name,
+          /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "ml-1 h-auto p-0",
+              onClick: () => setActiveFilter(void 0),
+              children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: scrollRef,
+        className: "flex gap-6 overflow-x-auto pb-4",
+        onDragOver: (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: filteredColumns.map((column) => {
+            const isOverLimit = column.limit && column.cards.length >= column.limit;
+            const isDraggedOver = draggedOverColumn === column.id;
+            return /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                layout: true,
+                initial: { opacity: 0, x: -20 },
+                animate: { opacity: 1, x: 0 },
+                exit: { opacity: 0, x: 20 },
+                className: cn(
+                  "flex-shrink-0 w-80 transition-all duration-200",
+                  isDraggedOver && "scale-105"
+                ),
+                onDragOver: (e) => handleDragOver(e, column.id),
+                onDragLeave: () => setDraggedOverColumn(null),
+                onDrop: (e) => handleDrop(e, column.id, column.cards.length),
+                children: /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn(
+                  "h-full transition-all duration-200",
+                  isDraggedOver && "ring-2 ring-primary ring-offset-2 bg-primary/5",
+                  column.collapsed && "opacity-60"
+                ), children: [
+                  /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                        column.color && /* @__PURE__ */ jsx(
+                          "div",
                           {
-                            variant: "ghost",
-                            size: "sm",
-                            className: "h-6 w-6 p-0",
-                            onClick: (e) => handleCardDelete(card, e),
-                            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                            className: "w-3 h-3 rounded-full",
+                            style: { backgroundColor: column.color }
                           }
                         ),
-                        /* @__PURE__ */ jsx("div", { className: "cursor-move", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-3 w-3 text-muted-foreground" }) })
-                      ] })
-                    ] }),
-                    card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: card.tags.map((tag, index2) => /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "outline", className: "text-xs px-1 py-0", children: tag }, index2)) }),
-                    showCardDetails && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        card.priority && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", PRIORITY_DOTS[card.priority]) }),
-                          /* @__PURE__ */ jsx("span", { className: "capitalize", children: card.priority })
+                        /* @__PURE__ */ jsxs(MoonUICardTitlePro, { className: "text-sm font-medium flex items-center gap-2", children: [
+                          column.title,
+                          column.locked && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" })
                         ] }),
-                        card.dueDate && /* @__PURE__ */ jsxs("div", { className: cn(
-                          "flex items-center gap-1",
-                          isOverdue(card.dueDate) && "text-destructive"
-                        ), children: [
-                          /* @__PURE__ */ jsx(Calendar$1, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ jsx("span", { children: formatDate(card.dueDate) })
-                        ] })
+                        /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs", children: column.cards.length })
                       ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        card.comments && card.comments > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx(MessageCircle, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ jsx("span", { children: card.comments })
-                        ] }),
-                        card.attachments && card.attachments > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ jsx("span", { children: card.attachments })
-                        ] }),
-                        card.assignee && /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-5 w-5", children: [
-                          /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: card.assignee.avatar }),
-                          /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(card.assignee.name) })
+                      /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                        /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", className: "h-6 w-6 p-0", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
+                        /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+                          /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "rename"), children: [
+                            /* @__PURE__ */ jsx(Edit, { className: "mr-2 h-4 w-4" }),
+                            "Rename"
+                          ] }),
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "collapse"), children: column.collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
+                            "Expand"
+                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(EyeOff, { className: "mr-2 h-4 w-4" }),
+                            "Collapse"
+                          ] }) }),
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                          /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubPro, { children: [
+                            /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubTriggerPro, { children: [
+                              /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }),
+                              "Settings"
+                            ] }),
+                            /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubContentPro, { children: [
+                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => handleColumnAction(column, "setLimit"), children: [
+                                /* @__PURE__ */ jsx(Timer, { className: "mr-2 h-4 w-4" }),
+                                "Set WIP limit"
+                              ] }),
+                              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { 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__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                          /* @__PURE__ */ jsxs(
+                            MoonUIDropdownMenuItemPro,
+                            {
+                              onClick: () => handleColumnAction(column, "delete"),
+                              className: "text-destructive",
+                              children: [
+                                /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                                "Delete column"
+                              ]
+                            }
+                          )
                         ] })
                       ] })
+                    ] }),
+                    column.limit && /* @__PURE__ */ jsx(MoonUICardDescriptionPro, { className: cn(
+                      "text-xs flex items-center gap-1 mt-1",
+                      isOverLimit && "text-destructive"
+                    ), children: isOverLimit ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3" }),
+                      "Over WIP limit (",
+                      column.cards.length,
+                      "/",
+                      column.limit,
+                      ")"
+                    ] }) : `WIP limit: ${column.cards.length}/${column.limit}` })
+                  ] }),
+                  !column.collapsed && /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-3", children: [
+                    /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-300px)]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: column.cards.sort((a, b) => a.position - b.position).map((card, index2) => /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        draggable: !disabled,
+                        onDragStart: () => handleDragStart(card, column.id),
+                        onDragEnd: handleDragEnd,
+                        onDrop: (e) => {
+                          e.preventDefault();
+                          e.stopPropagation();
+                          handleDrop(e, column.id, index2);
+                        },
+                        className: "mb-3",
+                        children: /* @__PURE__ */ jsx(
+                          KanbanCardComponent,
+                          {
+                            card,
+                            isDragging: draggedCard === card.id,
+                            onEdit: (e) => {
+                              e.stopPropagation();
+                              onCardEdit?.(card);
+                            },
+                            onDelete: (e) => {
+                              e.stopPropagation();
+                              onCardDelete?.(card);
+                            },
+                            onClick: () => onCardClick?.(card),
+                            showDetails: showCardDetails,
+                            disabled
+                          }
+                        )
+                      },
+                      card.id
+                    )) }) }),
+                    onAddCard && !column.locked && !isOverLimit && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                      /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
+                        MoonUIButtonPro,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "w-full justify-start text-muted-foreground hover:text-foreground",
+                          disabled,
+                          children: [
+                            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                            "Add card"
+                          ]
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "start", className: "w-48", children: [
+                        /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Card Templates" }),
+                        /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                        /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddCard(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),
+                            children: [
+                              /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
+                              template.title || `Template ${index2 + 1}`
+                            ]
+                          },
+                          index2
+                        ))
+                      ] })
                     ] })
-                  ]
-                },
-                card.id
-              )),
-              onAddCard && /* @__PURE__ */ jsxs(
-                MoonUIButtonPro,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => onAddCard(column.id),
-                  className: "w-full justify-start text-muted-foreground hover:text-foreground",
-                  disabled,
-                  children: [
-                    /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-                    "Add card"
-                  ]
-                }
-              )
-            ] })
-          ] })
-        },
-        column.id
-      );
-    }),
-    showAddColumn && onAddColumn && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-80", children: /* @__PURE__ */ jsxs(
-      MoonUIButtonPro,
-      {
-        variant: "outline",
-        onClick: onAddColumn,
-        className: "w-full h-full min-h-[200px] border-dashed justify-center items-center",
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-6 w-6 mr-2" }),
-          "Add column"
+                  ] })
+                ] })
+              },
+              column.id
+            );
+          }) }),
+          showAddColumn && onAddColumn && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              className: "flex-shrink-0 w-80",
+              children: isCreatingColumn ? /* @__PURE__ */ jsxs(MoonUICardPro, { children: [
+                /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsx(
+                  MoonUIInputPro,
+                  {
+                    placeholder: "Enter column title...",
+                    value: newColumnTitle,
+                    onChange: (e) => setNewColumnTitle(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" && newColumnTitle) {
+                        onAddColumn({ title: newColumnTitle });
+                        setNewColumnTitle("");
+                        setIsCreatingColumn(false);
+                      }
+                      if (e.key === "Escape") {
+                        setNewColumnTitle("");
+                        setIsCreatingColumn(false);
+                      }
+                    },
+                    autoFocus: true
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(MoonUICardContentPro, { children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      size: "sm",
+                      onClick: () => {
+                        if (newColumnTitle) {
+                          onAddColumn({ title: newColumnTitle });
+                          setNewColumnTitle("");
+                          setIsCreatingColumn(false);
+                        }
+                      },
+                      children: "Add column"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    MoonUIButtonPro,
+                    {
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: () => {
+                        setNewColumnTitle("");
+                        setIsCreatingColumn(false);
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] }) })
+              ] }) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
+                  MoonUIButtonPro,
+                  {
+                    variant: "outline",
+                    className: "w-full h-full min-h-[200px] border-dashed justify-center items-center",
+                    disabled,
+                    children: [
+                      /* @__PURE__ */ jsx(Plus, { className: "h-6 w-6 mr-2" }),
+                      "Add column"
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "start", className: "w-48", children: [
+                  /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Column Templates" }),
+                  /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => setIsCreatingColumn(true), children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+                    "Blank column"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddColumn(COLUMN_TEMPLATES.todo), children: [
+                    /* @__PURE__ */ jsx(Square, { className: "mr-2 h-4 w-4" }),
+                    "To Do"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddColumn(COLUMN_TEMPLATES.inProgress), children: [
+                    /* @__PURE__ */ jsx(Clock, { className: "mr-2 h-4 w-4" }),
+                    "In Progress"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onAddColumn(COLUMN_TEMPLATES.done), children: [
+                    /* @__PURE__ */ jsx(CheckSquare, { className: "mr-2 h-4 w-4" }),
+                    "Done"
+                  ] }),
+                  columnTemplates.map((template, index2) => /* @__PURE__ */ jsxs(
+                    MoonUIDropdownMenuItemPro,
+                    {
+                      onClick: () => onAddColumn(template),
+                      children: [
+                        /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
+                        template.title || `Template ${index2 + 1}`
+                      ]
+                    },
+                    index2
+                  ))
+                ] })
+              ] })
+            }
+          )
         ]
       }
-    ) })
-  ] }) });
+    )
+  ] });
 }
 
 // ../../node_modules/orderedmap/dist/index.js
@@ -11565,7 +12120,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size4;
   }
 }
-var Fragment4 = class {
+var Fragment5 = class {
   /**
   @internal
   */
@@ -11633,7 +12188,7 @@ var Fragment4 = class {
     }
     for (; i < other.content.length; i++)
       content.push(other.content[i]);
-    return new Fragment4(content, this.size + other.size);
+    return new Fragment5(content, this.size + other.size);
   }
   /**
   Cut out the sub-fragment between the two given positions.
@@ -11657,17 +12212,17 @@ var Fragment4 = class {
         }
         pos = end;
       }
-    return new Fragment4(result, size4);
+    return new Fragment5(result, size4);
   }
   /**
   @internal
   */
   cutByIndex(from2, to) {
     if (from2 == to)
-      return Fragment4.empty;
+      return Fragment5.empty;
     if (from2 == 0 && to == this.content.length)
       return this;
-    return new Fragment4(this.content.slice(from2, to));
+    return new Fragment5(this.content.slice(from2, to));
   }
   /**
   Create a new fragment in which the node at the given index is
@@ -11680,21 +12235,21 @@ var Fragment4 = class {
     let copy2 = this.content.slice();
     let size4 = this.size + node.nodeSize - current.nodeSize;
     copy2[index2] = node;
-    return new Fragment4(copy2, size4);
+    return new Fragment5(copy2, size4);
   }
   /**
   Create a new fragment by prepending the given node to this
   fragment.
   */
   addToStart(node) {
-    return new Fragment4([node].concat(this.content), this.size + node.nodeSize);
+    return new Fragment5([node].concat(this.content), this.size + node.nodeSize);
   }
   /**
   Create a new fragment by appending the given node to this
   fragment.
   */
   addToEnd(node) {
-    return new Fragment4(this.content.concat(node), this.size + node.nodeSize);
+    return new Fragment5(this.content.concat(node), this.size + node.nodeSize);
   }
   /**
   Compare this fragment to another one.
@@ -11813,10 +12368,10 @@ var Fragment4 = class {
   */
   static fromJSON(schema, value) {
     if (!value)
-      return Fragment4.empty;
+      return Fragment5.empty;
     if (!Array.isArray(value))
       throw new RangeError("Invalid input for Fragment.fromJSON");
-    return new Fragment4(value.map(schema.nodeFromJSON));
+    return new Fragment5(value.map(schema.nodeFromJSON));
   }
   /**
   Build a fragment from an array of nodes. Ensures that adjacent
@@ -11824,7 +12379,7 @@ var Fragment4 = class {
   */
   static fromArray(array) {
     if (!array.length)
-      return Fragment4.empty;
+      return Fragment5.empty;
     let joined, size4 = 0;
     for (let i = 0; i < array.length; i++) {
       let node = array[i];
@@ -11837,7 +12392,7 @@ var Fragment4 = class {
         joined.push(node);
       }
     }
-    return new Fragment4(joined || array, size4);
+    return new Fragment5(joined || array, size4);
   }
   /**
   Create a fragment from something that can be interpreted as a
@@ -11847,17 +12402,17 @@ var Fragment4 = class {
   */
   static from(nodes) {
     if (!nodes)
-      return Fragment4.empty;
-    if (nodes instanceof Fragment4)
+      return Fragment5.empty;
+    if (nodes instanceof Fragment5)
       return nodes;
     if (Array.isArray(nodes))
       return this.fromArray(nodes);
     if (nodes.attrs)
-      return new Fragment4([nodes], nodes.nodeSize);
+      return new Fragment5([nodes], nodes.nodeSize);
     throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 };
-Fragment4.empty = new Fragment4([], 0);
+Fragment5.empty = new Fragment5([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index2, offset4) {
   found.index = index2;
@@ -12082,7 +12637,7 @@ var Slice = class {
     let openStart = json2.openStart || 0, openEnd = json2.openEnd || 0;
     if (typeof openStart != "number" || typeof openEnd != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new Slice(Fragment4.fromJSON(schema, json2.content), openStart, openEnd);
+    return new Slice(Fragment5.fromJSON(schema, json2.content), openStart, openEnd);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -12097,7 +12652,7 @@ var Slice = class {
     return new Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment4.empty, 0, 0);
+Slice.empty = new Slice(Fragment5.empty, 0, 0);
 function removeRange(content, from2, to) {
   let { index: index2, offset: offset4 } = content.findIndex(from2), child = content.maybeChild(index2);
   let { index: indexTo, offset: offsetTo } = content.findIndex(to);
@@ -12195,7 +12750,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment4(content);
+  return new Fragment5(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -12205,13 +12760,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment4(content);
+  return new Fragment5(content);
 }
 function prepareSliceForReplace(slice2, $along) {
   let extra = $along.depth - slice2.openStart, parent = $along.node(extra);
   let node = parent.copy(slice2.content);
   for (let i = extra - 1; i >= 0; i--)
-    node = $along.node(i).copy(Fragment4.from(node));
+    node = $along.node(i).copy(Fragment5.from(node));
   return {
     start: node.resolveNoCache(slice2.openStart + extra),
     end: node.resolveNoCache(node.content.size - slice2.openEnd - extra)
@@ -12550,7 +13105,7 @@ var Node2 = class {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment4.empty;
+    this.content = content || Fragment5.empty;
   }
   /**
   The array of this node's child nodes.
@@ -12855,7 +13410,7 @@ var Node2 = class {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from2, to, replacement = Fragment4.empty, start = 0, end = replacement.childCount) {
+  canReplace(from2, to, replacement = Fragment5.empty, start = 0, end = replacement.childCount) {
     let one = this.contentMatchAt(from2).matchFragment(replacement, start, end);
     let two = one && one.matchFragment(this.content, to);
     if (!two || !two.validEnd)
@@ -12937,7 +13492,7 @@ var Node2 = class {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json2.text, marks);
     }
-    let content = Fragment4.fromJSON(schema, json2.content);
+    let content = Fragment5.fromJSON(schema, json2.content);
     let node = schema.nodeType(json2.type).create(json2.attrs, content, marks);
     node.type.checkAttrs(node.attrs);
     return node;
@@ -13079,7 +13634,7 @@ var ContentMatch = class {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment4.from(types.map((tp) => tp.createAndFill()));
+        return Fragment5.from(types.map((tp) => tp.createAndFill()));
       for (let i = 0; i < match.next.length; i++) {
         let { type, next } = match.next[i];
         if (!(type.isText || type.hasRequiredAttrs()) && seen.indexOf(next) == -1) {
@@ -13531,7 +14086,7 @@ var NodeType = class {
   create(attrs = null, content, marks) {
     if (this.isText)
       throw new Error("NodeType.create can't construct text nodes");
-    return new Node2(this, this.computeAttrs(attrs), Fragment4.from(content), Mark.setFrom(marks));
+    return new Node2(this, this.computeAttrs(attrs), Fragment5.from(content), Mark.setFrom(marks));
   }
   /**
   Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -13539,7 +14094,7 @@ var NodeType = class {
   if it doesn't match.
   */
   createChecked(attrs = null, content, marks) {
-    content = Fragment4.from(content);
+    content = Fragment5.from(content);
     this.checkContent(content);
     return new Node2(this, this.computeAttrs(attrs), content, Mark.setFrom(marks));
   }
@@ -13553,7 +14108,7 @@ var NodeType = class {
   */
   createAndFill(attrs = null, content, marks) {
     attrs = this.computeAttrs(attrs);
-    content = Fragment4.from(content);
+    content = Fragment5.from(content);
     if (content.size) {
       let before = this.contentMatch.fillBefore(content);
       if (!before)
@@ -13561,7 +14116,7 @@ var NodeType = class {
       content = before.append(content);
     }
     let matched = this.contentMatch.matchFragment(content);
-    let after = matched && matched.fillBefore(Fragment4.empty, true);
+    let after = matched && matched.fillBefore(Fragment5.empty, true);
     if (!after)
       return null;
     return new Node2(this, attrs, content.append(after), Mark.setFrom(marks));
@@ -14025,7 +14580,7 @@ var NodeContext = class {
     if (!this.match) {
       if (!this.type)
         return [];
-      let fill = this.type.contentMatch.fillBefore(Fragment4.from(node));
+      let fill = this.type.contentMatch.fillBefore(Fragment5.from(node));
       if (fill) {
         this.match = this.type.contentMatch.matchFragment(fill);
       } else {
@@ -14051,9 +14606,9 @@ var NodeContext = class {
           this.content[this.content.length - 1] = text.withText(text.text.slice(0, text.text.length - m2[0].length));
       }
     }
-    let content = Fragment4.from(this.content);
+    let content = Fragment5.from(this.content);
     if (!openEnd && this.match)
-      content = content.append(this.match.fillBefore(Fragment4.empty, true));
+      content = content.append(this.match.fillBefore(Fragment5.empty, true));
     return this.type ? this.type.create(this.attrs, content, this.marks) : content;
   }
   inlineContext(node) {
@@ -15070,7 +15625,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment4.fromArray(mapped);
+  return Fragment5.fromArray(mapped);
 }
 var AddMarkStep = class extends Step {
   /**
@@ -15187,7 +15742,7 @@ var AddNodeMarkStep = class extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment4.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment5.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc3) {
     let node = doc3.nodeAt(this.pos);
@@ -15233,7 +15788,7 @@ var RemoveNodeMarkStep = class extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment4.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment5.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc3) {
     let node = doc3.nodeAt(this.pos);
@@ -15498,7 +16053,7 @@ function clearIncompatible(tr2, pos, parentType, match = parentType.contentMatch
         let m2, newline = /\r?\n|\r/g, slice2;
         while (m2 = newline.exec(child.text)) {
           if (!slice2)
-            slice2 = new Slice(Fragment4.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
+            slice2 = new Slice(Fragment5.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
           replSteps.push(new ReplaceStep(cur + m2.index, cur + m2.index + m2[0].length, slice2));
         }
       }
@@ -15506,7 +16061,7 @@ function clearIncompatible(tr2, pos, parentType, match = parentType.contentMatch
     cur = end;
   }
   if (!match.validEnd) {
-    let fill = match.fillBefore(Fragment4.empty, true);
+    let fill = match.fillBefore(Fragment5.empty, true);
     tr2.replace(cur, cur, new Slice(fill, 0, 0));
   }
   for (let i = replSteps.length - 1; i >= 0; i--)
@@ -15532,20 +16087,20 @@ function lift(tr2, range, target) {
   let { $from, $to, depth } = range;
   let gapStart = $from.before(depth + 1), gapEnd = $to.after(depth + 1);
   let start = gapStart, end = gapEnd;
-  let before = Fragment4.empty, openStart = 0;
+  let before = Fragment5.empty, openStart = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $from.index(d) > 0) {
       splitting = true;
-      before = Fragment4.from($from.node(d).copy(before));
+      before = Fragment5.from($from.node(d).copy(before));
       openStart++;
     } else {
       start--;
     }
-  let after = Fragment4.empty, openEnd = 0;
+  let after = Fragment5.empty, openEnd = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $to.after(d + 1) < $to.end(d)) {
       splitting = true;
-      after = Fragment4.from($to.node(d).copy(after));
+      after = Fragment5.from($to.node(d).copy(after));
       openEnd++;
     } else {
       end++;
@@ -15585,14 +16140,14 @@ function findWrappingInside(range, type) {
   return inside;
 }
 function wrap(tr2, range, wrappers) {
-  let content = Fragment4.empty;
+  let content = Fragment5.empty;
   for (let i = wrappers.length - 1; i >= 0; i--) {
     if (content.size) {
       let match = wrappers[i].type.contentMatch.matchFragment(content);
       if (!match || !match.validEnd)
         throw new RangeError("Wrapper type given to Transform.wrap does not form valid content of its parent wrapper");
     }
-    content = Fragment4.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    content = Fragment5.from(wrappers[i].type.create(wrappers[i].attrs, content));
   }
   let start = range.start, end = range.end;
   tr2.step(new ReplaceAroundStep(start, end, start, end, new Slice(content, 0, 0), wrappers.length, true));
@@ -15617,7 +16172,7 @@ function setBlockType(tr2, from2, to, type, attrs) {
       clearIncompatible(tr2, tr2.mapping.slice(mapFrom).map(pos, 1), type, void 0, convertNewlines === null);
       let mapping = tr2.mapping.slice(mapFrom);
       let startM = mapping.map(pos, 1), endM = mapping.map(pos + node.nodeSize, 1);
-      tr2.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment4.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
+      tr2.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment5.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
       if (convertNewlines === true)
         replaceNewlines(tr2, node, pos, mapFrom);
       return false;
@@ -15658,7 +16213,7 @@ function setNodeMarkup(tr2, pos, type, attrs, marks) {
     return tr2.replaceWith(pos, pos + node.nodeSize, newNode);
   if (!type.validContent(node.content))
     throw new RangeError("Invalid content for node type " + type.name);
-  tr2.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment4.from(newNode), 0, 0), 1, true));
+  tr2.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment5.from(newNode), 0, 0), 1, true));
 }
 function canSplit(doc3, pos, depth = 1, typesAfter) {
   let $pos = doc3.resolve(pos), base2 = $pos.depth - depth;
@@ -15682,11 +16237,11 @@ function canSplit(doc3, pos, depth = 1, typesAfter) {
   return $pos.node(base2).canReplaceWith(index2, index2, baseType ? baseType.type : $pos.node(base2 + 1).type);
 }
 function split(tr2, pos, depth = 1, typesAfter) {
-  let $pos = tr2.doc.resolve(pos), before = Fragment4.empty, after = Fragment4.empty;
+  let $pos = tr2.doc.resolve(pos), before = Fragment5.empty, after = Fragment5.empty;
   for (let d = $pos.depth, e = $pos.depth - depth, i = depth - 1; d > e; d--, i--) {
-    before = Fragment4.from($pos.node(d).copy(before));
+    before = Fragment5.from($pos.node(d).copy(before));
     let typeAfter = typesAfter && typesAfter[i];
-    after = Fragment4.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
+    after = Fragment5.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
   }
   tr2.step(new ReplaceStep(pos, pos, new Slice(before.append(after), depth, depth), true));
 }
@@ -15825,7 +16380,7 @@ var Fitter = class {
     this.$to = $to;
     this.unplaced = unplaced;
     this.frontier = [];
-    this.placed = Fragment4.empty;
+    this.placed = Fragment5.empty;
     for (let i = 0; i <= $from.depth; i++) {
       let node = $from.node(i);
       this.frontier.push({
@@ -15834,7 +16389,7 @@ var Fitter = class {
       });
     }
     for (let i = $from.depth; i > 0; i--)
-      this.placed = Fragment4.from($from.node(i).copy(this.placed));
+      this.placed = Fragment5.from($from.node(i).copy(this.placed));
   }
   get depth() {
     return this.frontier.length - 1;
@@ -15891,7 +16446,7 @@ var Fitter = class {
         let first2 = fragment.firstChild;
         for (let frontierDepth = this.depth; frontierDepth >= 0; frontierDepth--) {
           let { type, match } = this.frontier[frontierDepth], wrap2, inject = null;
-          if (pass == 1 && (first2 ? match.matchType(first2.type) || (inject = match.fillBefore(Fragment4.from(first2), false)) : parent && type.compatibleContent(parent.type)))
+          if (pass == 1 && (first2 ? match.matchType(first2.type) || (inject = match.fillBefore(Fragment5.from(first2), false)) : parent && type.compatibleContent(parent.type)))
             return { sliceDepth, frontierDepth, parent, inject };
           else if (pass == 2 && first2 && (wrap2 = match.findWrapping(first2.type)))
             return { sliceDepth, frontierDepth, parent, wrap: wrap2 };
@@ -15951,7 +16506,7 @@ var Fitter = class {
     let toEnd = taken == fragment.childCount;
     if (!toEnd)
       openEndCount = -1;
-    this.placed = addToFragment(this.placed, frontierDepth, Fragment4.from(add));
+    this.placed = addToFragment(this.placed, frontierDepth, Fragment5.from(add));
     this.frontier[frontierDepth].match = match;
     if (toEnd && openEndCount < 0 && parent && parent.type == this.frontier[this.depth].type && this.frontier.length > 1)
       this.closeFrontierNode();
@@ -16008,12 +16563,12 @@ var Fitter = class {
   openFrontierNode(type, attrs = null, content) {
     let top = this.frontier[this.depth];
     top.match = top.match.matchType(type);
-    this.placed = addToFragment(this.placed, this.depth, Fragment4.from(type.create(attrs, content)));
+    this.placed = addToFragment(this.placed, this.depth, Fragment5.from(type.create(attrs, content)));
     this.frontier.push({ type, match: type.contentMatch });
   }
   closeFrontierNode() {
     let open = this.frontier.pop();
-    let add = open.match.fillBefore(Fragment4.empty, true);
+    let add = open.match.fillBefore(Fragment5.empty, true);
     if (add.childCount)
       this.placed = addToFragment(this.placed, this.frontier.length, add);
   }
@@ -16042,7 +16597,7 @@ function closeNodeStart(node, openStart, openEnd) {
   if (openStart > 0) {
     frag = node.type.contentMatch.fillBefore(frag).append(frag);
     if (openEnd <= 0)
-      frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment4.empty, true));
+      frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment5.empty, true));
   }
   return node.copy(frag);
 }
@@ -16134,7 +16689,7 @@ function closeFragment(fragment, depth, oldOpen, newOpen, parent) {
   if (depth > newOpen) {
     let match = parent.contentMatchAt(0);
     let start = match.fillBefore(fragment).append(fragment);
-    fragment = start.append(match.matchFragment(start).fillBefore(Fragment4.empty, true));
+    fragment = start.append(match.matchFragment(start).fillBefore(Fragment5.empty, true));
   }
   return fragment;
 }
@@ -16144,7 +16699,7 @@ function replaceRangeWith(tr2, from2, to, node) {
     if (point != null)
       from2 = to = point;
   }
-  tr2.replaceRange(from2, to, new Slice(Fragment4.from(node), 0, 0));
+  tr2.replaceRange(from2, to, new Slice(Fragment5.from(node), 0, 0));
 }
 function deleteRange(tr2, from2, to) {
   let $from = tr2.doc.resolve(from2), $to = tr2.doc.resolve(to);
@@ -16192,7 +16747,7 @@ var AttrStep = class extends Step {
       attrs[name] = node.attrs[name];
     attrs[this.attr] = this.value;
     let updated = node.type.create(attrs, null, node.marks);
-    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment4.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment5.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   getMap() {
     return StepMap.empty;
@@ -16327,7 +16882,7 @@ var Transform = class {
   fragment, node, or array of nodes.
   */
   replaceWith(from2, to, content) {
-    return this.replace(from2, to, new Slice(Fragment4.from(content), 0, 0));
+    return this.replace(from2, to, new Slice(Fragment5.from(content), 0, 0));
   }
   /**
   Delete the content between the given positions.
@@ -16829,7 +17384,7 @@ var NodeSelection = class extends Selection {
     return new NodeSelection($pos);
   }
   content() {
-    return new Slice(Fragment4.from(this.node), 0, 0);
+    return new Slice(Fragment5.from(this.node), 0, 0);
   }
   eq(other) {
     return other instanceof NodeSelection && other.anchor == this.anchor;
@@ -18651,7 +19206,7 @@ var NodeViewDesc = class extends ViewDesc {
         }
       }
       if (!rule.contentElement)
-        rule.getContent = () => Fragment4.empty;
+        rule.getContent = () => Fragment5.empty;
     }
     return rule;
   }
@@ -19970,7 +20525,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
       text = f(text, inCode || plainText, view);
     });
     if (inCode)
-      return text ? new Slice(Fragment4.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : Slice.empty;
+      return text ? new Slice(Fragment5.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : Slice.empty;
     let parsed = view.someProp("clipboardTextParser", (f) => f(text, $context, plainText, view));
     if (parsed) {
       slice2 = parsed;
@@ -20059,13 +20614,13 @@ function normalizeSiblings(fragment, $context) {
       }
     });
     if (result)
-      return Fragment4.from(result);
+      return Fragment5.from(result);
   }
   return fragment;
 }
 function withWrappers(node, wrap2, from2 = 0) {
   for (let i = wrap2.length - 1; i >= from2; i--)
-    node = wrap2[i].create(null, Fragment4.from(node));
+    node = wrap2[i].create(null, Fragment5.from(node));
   return node;
 }
 function addToSibling(wrap2, lastWrap, node, sibling, depth) {
@@ -20075,14 +20630,14 @@ function addToSibling(wrap2, lastWrap, node, sibling, depth) {
       return sibling.copy(sibling.content.replaceChild(sibling.childCount - 1, inner));
     let match = sibling.contentMatchAt(sibling.childCount);
     if (match.matchType(depth == wrap2.length - 1 ? node.type : wrap2[depth + 1]))
-      return sibling.copy(sibling.content.append(Fragment4.from(withWrappers(node, wrap2, depth + 1))));
+      return sibling.copy(sibling.content.append(Fragment5.from(withWrappers(node, wrap2, depth + 1))));
   }
 }
 function closeRight(node, depth) {
   if (depth == 0)
     return node;
   let fragment = node.content.replaceChild(node.childCount - 1, closeRight(node.lastChild, depth - 1));
-  let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment4.empty, true);
+  let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment5.empty, true);
   return node.copy(fragment.append(fill));
 }
 function closeRange(fragment, side, from2, to, depth, openEnd) {
@@ -20092,7 +20647,7 @@ function closeRange(fragment, side, from2, to, depth, openEnd) {
   if (depth < to - 1)
     inner = closeRange(inner, side, from2, to, depth + 1, openEnd);
   if (depth >= from2)
-    inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment4.empty, true));
+    inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment5.empty, true));
   return fragment.replaceChild(side < 0 ? 0 : fragment.childCount - 1, node.copy(inner));
 }
 function closeSlice(slice2, openStart, openEnd) {
@@ -20162,7 +20717,7 @@ function addContext(slice2, context) {
     let type = schema.nodes[array[i]];
     if (!type || type.hasRequiredAttrs())
       break;
-    content = Fragment4.from(type.create(array[i + 1], content));
+    content = Fragment5.from(type.create(array[i + 1], content));
     openStart++;
     openEnd++;
   }
@@ -22023,7 +22578,7 @@ function isMarkChange(cur, prev) {
   let updated = [];
   for (let i = 0; i < prev.childCount; i++)
     updated.push(update(prev.child(i)));
-  if (Fragment4.from(updated).eq(cur))
+  if (Fragment5.from(updated).eq(cur))
     return { mark, type };
 }
 function looksLikeBackspace(old, start, end, $newStart, $newEnd) {
@@ -23133,10 +23688,10 @@ function deleteBarrier(state, $cut, dispatch2, dir) {
   let canDelAfter = !isolated && $cut.parent.canReplace($cut.index(), $cut.index() + 1);
   if (canDelAfter && (conn = (match = before.contentMatchAt(before.childCount)).findWrapping(after.type)) && match.matchType(conn[0] || after.type).validEnd) {
     if (dispatch2) {
-      let end = $cut.pos + after.nodeSize, wrap2 = Fragment4.empty;
+      let end = $cut.pos + after.nodeSize, wrap2 = Fragment5.empty;
       for (let i = conn.length - 1; i >= 0; i--)
-        wrap2 = Fragment4.from(conn[i].create(null, wrap2));
-      wrap2 = Fragment4.from(before.copy(wrap2));
+        wrap2 = Fragment5.from(conn[i].create(null, wrap2));
+      wrap2 = Fragment5.from(before.copy(wrap2));
       let tr2 = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap2, 1, 0), conn.length, true));
       let $joinAt = tr2.doc.resolve(end + 2 * conn.length);
       if ($joinAt.nodeAfter && $joinAt.nodeAfter.type == before.type && canJoin(tr2.doc, $joinAt.pos))
@@ -23165,9 +23720,9 @@ function deleteBarrier(state, $cut, dispatch2, dir) {
       afterDepth++;
     if (at.canReplace(at.childCount, at.childCount, afterText.content)) {
       if (dispatch2) {
-        let end = Fragment4.empty;
+        let end = Fragment5.empty;
         for (let i = wrap2.length - 1; i >= 0; i--)
-          end = Fragment4.from(wrap2[i].copy(end));
+          end = Fragment5.from(wrap2[i].copy(end));
         let tr2 = state.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end, wrap2.length, 0), 0, true));
         dispatch2(tr2.scrollIntoView());
       }
@@ -23272,9 +23827,9 @@ function wrapRangeInList(tr2, range, listType, attrs = null) {
   return true;
 }
 function doWrapInList(tr2, range, wrappers, joinBefore, listType) {
-  let content = Fragment4.empty;
+  let content = Fragment5.empty;
   for (let i = wrappers.length - 1; i >= 0; i--)
-    content = Fragment4.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    content = Fragment5.from(wrappers[i].type.create(wrappers[i].attrs, content));
   tr2.step(new ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
   let found2 = 0;
   for (let i = 0; i < wrappers.length; i++)
@@ -23308,7 +23863,7 @@ function liftListItem(itemType) {
 function liftToOuterList(state, dispatch2, itemType, range) {
   let tr2 = state.tr, end = range.end, endOfList = range.$to.end(range.depth);
   if (end < endOfList) {
-    tr2.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment4.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+    tr2.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment5.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
     range = new NodeRange(tr2.doc.resolve(range.$from.pos), tr2.doc.resolve(endOfList), range.depth);
   }
   const target = liftTarget(range);
@@ -23332,10 +23887,10 @@ function liftOutOfList(state, dispatch2, range) {
     return false;
   let atStart = range.startIndex == 0, atEnd = range.endIndex == list.childCount;
   let parent = $start.node(-1), indexBefore = $start.index(-1);
-  if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment4.empty : Fragment4.from(list))))
+  if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment5.empty : Fragment5.from(list))))
     return false;
   let start = $start.pos, end = start + item.nodeSize;
-  tr2.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment4.empty : Fragment4.from(list.copy(Fragment4.empty))).append(atEnd ? Fragment4.empty : Fragment4.from(list.copy(Fragment4.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+  tr2.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? 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));
   dispatch2(tr2.scrollIntoView());
   return true;
 }
@@ -23353,8 +23908,8 @@ function sinkListItem(itemType) {
       return false;
     if (dispatch2) {
       let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
-      let inner = Fragment4.from(nestedBefore ? itemType.create() : null);
-      let slice2 = new Slice(Fragment4.from(itemType.create(null, Fragment4.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
+      let inner = 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 before = range.start, after = range.end;
       dispatch2(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
     }
@@ -23572,7 +24127,7 @@ function elementFromString(value) {
   return removeWhitespaces(html);
 }
 function createNodeFromContent(content, schema, options) {
-  if (content instanceof Node2 || content instanceof Fragment4) {
+  if (content instanceof Node2 || content instanceof Fragment5) {
     return content;
   }
   options = {
@@ -23586,7 +24141,7 @@ function createNodeFromContent(content, schema, options) {
     try {
       const isArrayContent = Array.isArray(content) && content.length > 0;
       if (isArrayContent) {
-        return Fragment4.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+        return Fragment5.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
       const node = schema.nodeFromJSON(content);
       if (options.errorOnInvalidContent) {
@@ -24720,7 +25275,7 @@ function inputRulesPlugin(props) {
             if (typeof text === "string") {
               text = text;
             } else {
-              text = getHTMLFromFragment(Fragment4.from(text), state.schema);
+              text = getHTMLFromFragment(Fragment5.from(text), state.schema);
             }
             const { from: from2 } = simulatedInputMeta;
             const to = from2 + text.length;
@@ -25098,7 +25653,7 @@ function pasteRulesPlugin(props) {
           if (typeof text === "string") {
             text = text;
           } else {
-            text = getHTMLFromFragment(Fragment4.from(text), state.schema);
+            text = getHTMLFromFragment(Fragment5.from(text), state.schema);
           }
           const { from: from22 } = simulatedPasteMeta;
           const to2 = from22 + text.length;
@@ -25756,7 +26311,7 @@ var insertContentAt = (position, value, options) => ({ tr: tr2, dispatch: dispat
     if (isOnlyTextContent) {
       if (Array.isArray(value)) {
         newContent = value.map((v) => v.text || "").join("");
-      } else if (value instanceof Fragment4) {
+      } else if (value instanceof Fragment5) {
         let text = "";
         value.forEach((node) => {
           if (node.text) {
@@ -26223,10 +26778,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr: tr2, state, dispa
       return false;
     }
     if (dispatch2) {
-      let wrap2 = Fragment4.empty;
+      let wrap2 = Fragment5.empty;
       const depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
       for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d -= 1) {
-        wrap2 = Fragment4.from($from.node(d).copy(wrap2));
+        wrap2 = Fragment5.from($from.node(d).copy(wrap2));
       }
       const depthAfter = (
         // eslint-disable-next-line no-nested-ternary
@@ -26237,7 +26792,7 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr: tr2, state, dispa
         ...overrideAttrs
       };
       const nextType2 = ((_a = type.contentMatch.defaultType) == null ? void 0 : _a.createAndFill(newNextTypeAttributes2)) || void 0;
-      wrap2 = wrap2.append(Fragment4.from(type.createAndFill(null, nextType2) || void 0));
+      wrap2 = wrap2.append(Fragment5.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;
@@ -28366,11 +28921,11 @@ var ReactNodeViewContext = createContext({
 var useReactNodeView = () => useContext(ReactNodeViewContext);
 t__default.forwardRef((props, ref) => {
   const { onDragStart } = useReactNodeView();
-  const Tag = props.as || "div";
+  const Tag2 = props.as || "div";
   return (
     // @ts-ignore
     /* @__PURE__ */ jsx(
-      Tag,
+      Tag2,
       {
         ...props,
         ref,
@@ -31683,9 +32238,9 @@ function beforeinput(view, event) {
   let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
   if (!insert)
     return false;
-  let frag = Fragment4.empty;
+  let frag = Fragment5.empty;
   for (let i = insert.length - 1; i >= 0; i--)
-    frag = Fragment4.from(insert[i].createAndFill(null, frag));
+    frag = Fragment5.from(insert[i].createAndFill(null, frag));
   let tr2 = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
   tr2.setSelection(TextSelection.near(tr2.doc.resolve($from.pos + 1)));
   view.dispatch(tr2);
@@ -32810,7 +33365,7 @@ var index_default7 = Highlight;
 
 // ../../node_modules/@tiptap/extension-image/dist/index.js
 var inputRegex6 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
-var Image3 = Node3.create({
+var Image4 = Node3.create({
   name: "image",
   addOptions() {
     return {
@@ -32878,7 +33433,7 @@ var Image3 = Node3.create({
     ];
   }
 });
-var index_default8 = Image3;
+var index_default8 = Image4;
 
 // ../../node_modules/prosemirror-tables/dist/index.js
 var readFromCache;
@@ -33365,10 +33920,10 @@ var CellSelection = class _CellSelection extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment4.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment5.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment4.from(fragment), 1, 1);
+    return new Slice(Fragment5.from(fragment), 1, 1);
   }
   replace(tr2, content = Slice.empty) {
     const mapFrom = tr2.steps.length, ranges = this.ranges;
@@ -33388,7 +33943,7 @@ var CellSelection = class _CellSelection extends Selection {
       tr2.setSelection(sel);
   }
   replaceWith(tr2, node) {
-    this.replace(tr2, new Slice(Fragment4.from(node), 0, 0));
+    this.replace(tr2, new Slice(Fragment5.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -33936,7 +34491,7 @@ function mergeCells(state, dispatch2) {
   if (dispatch2) {
     const tr2 = state.tr;
     const seen = {};
-    let content = Fragment4.empty;
+    let content = Fragment5.empty;
     let mergedPos;
     let mergedCell;
     for (let row = rect.top; row < rect.bottom; row++) {
@@ -34317,14 +34872,14 @@ function ensureRectangular(schema, rows) {
     width = Math.max(width, widths[r2]);
   for (let r2 = 0; r2 < widths.length; r2++) {
     if (r2 >= rows.length)
-      rows.push(Fragment4.empty);
+      rows.push(Fragment5.empty);
     if (widths[r2] < width) {
       const empty2 = tableNodeTypes(schema).cell.createAndFill();
       const cells = [];
       for (let i = widths[r2]; i < width; i++) {
         cells.push(empty2);
       }
-      rows[r2] = rows[r2].append(Fragment4.from(cells));
+      rows[r2] = rows[r2].append(Fragment5.from(cells));
     }
   }
   return { height: rows.length, width, rows };
@@ -34356,7 +34911,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
         for (let j = 1; j < cell.attrs.rowspan; j++)
           added[row + j] = (added[row + j] || 0) + cell.attrs.colspan;
       }
-      newRows.push(Fragment4.from(cells));
+      newRows.push(Fragment5.from(cells));
     }
     rows = newRows;
     width = newWidth;
@@ -34377,7 +34932,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
           );
         cells.push(cell);
       }
-      newRows.push(Fragment4.from(cells));
+      newRows.push(Fragment5.from(cells));
     }
     rows = newRows;
     height = newHeight;
@@ -34412,7 +34967,7 @@ function growTable(tr2, map2, table, start, width, height, mapFrom) {
         header ? emptyHead || (emptyHead = types.header_cell.createAndFill()) : empty2 || (empty2 = types.cell.createAndFill())
       );
     }
-    const emptyRow = types.row.create(null, Fragment4.from(cells)), rows = [];
+    const emptyRow = types.row.create(null, Fragment5.from(cells)), rows = [];
     for (let i = map2.height; i < height; i++)
       rows.push(emptyRow);
     tr2.insert(tr2.mapping.slice(mapFrom).map(start + table.nodeSize - 2), rows);
@@ -34621,7 +35176,7 @@ function handlePaste(view, _, slice2) {
         width: 1,
         height: 1,
         rows: [
-          Fragment4.from(
+          Fragment5.from(
             fitSlice(tableNodeTypes(view.state.schema).cell, slice2)
           )
         ]
@@ -52783,7 +53338,7 @@ function Timeline({
   interactive = true
 }) {
   const sortedEvents = [...events].sort((a, b) => b.date.getTime() - a.date.getTime());
-  const formatDate = (date) => {
+  const formatDate2 = (date) => {
     return date.toLocaleDateString("en-US", {
       year: "numeric",
       month: "long",
@@ -52812,16 +53367,16 @@ function Timeline({
       const days = Math.floor(diffInSeconds / 86400);
       return `${days} day${days > 1 ? "s" : ""} ago`;
     } else {
-      return formatDate(date);
+      return formatDate2(date);
     }
   };
-  const getInitials = (name) => {
+  const getInitials2 = (name) => {
     return name.split(" ").map((n) => n[0]).join("").toUpperCase();
   };
   const groupEventsByDate = (events2) => {
     const groups = {};
     events2.forEach((event) => {
-      const dateKey = formatDate(event.date);
+      const dateKey = formatDate2(event.date);
       if (!groups[dateKey]) {
         groups[dateKey] = [];
       }
@@ -52875,7 +53430,7 @@ function Timeline({
             showUserInfo && event.user && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
               /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-6 w-6", children: [
                 /* @__PURE__ */ jsx(MoonUIAvatarImagePro, { src: event.user.avatar }),
-                /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials(event.user.name) })
+                /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { className: "text-xs", children: getInitials2(event.user.name) })
               ] }),
               /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: event.user.name })
             ] }),
@@ -56678,7 +57233,7 @@ var GitHubStarsInternal = ({
     }
     return num.toString();
   };
-  const formatDate = (dateString) => {
+  const formatDate2 = (dateString) => {
     const date = new Date(dateString);
     return date.toLocaleDateString("en-US", {
       year: "numeric",
@@ -56828,7 +57383,7 @@ var GitHubStarsInternal = ({
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
                 "Updated ",
-                formatDate(repo.updated_at)
+                formatDate2(repo.updated_at)
               ] })
             ] }) })
           }
@@ -58712,6 +59267,24 @@ var PerformanceMonitor = ({ className, ...props }) => {
   }
   return /* @__PURE__ */ jsx(PerformanceMonitorInternal, { className, ...props });
 };
+
+// src/use-toast.ts
+function toast2(options) {
+  console.log("Toast:", options);
+  if (typeof window !== "undefined") {
+    const message = options.description ? `${options.title}
+
+${options.description}` : options.title;
+    if (options.variant === "destructive") {
+      console.error(message);
+    } else {
+      console.log(message);
+    }
+  }
+}
+var useToast = () => {
+  return { toast: toast2 };
+};
 var fileUploadVariants = cva(
   "relative overflow-hidden transition-all duration-200",
   {
@@ -59685,6 +60258,7 @@ var FileUploadItem = ({
   onPauseResume,
   onPreview
 }) => {
+  const { toast: toast3 } = useToast();
   const canPauseResume = resumable && ["uploading", "paused"].includes(file.status);
   const canPreview = showPreview && file.preview && ["image", "video", "audio"].includes(file.preview.type);
   return /* @__PURE__ */ jsxs(
@@ -59702,18 +60276,27 @@ var FileUploadItem = ({
         variant === "grid" && "p-4"
       ),
       children: [
-        allowBulkOperations && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx(
+        allowBulkOperations && variant === "grid" && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx(
           "input",
           {
             type: "checkbox",
             checked: selected,
             onChange: (e) => onSelect?.(e.target.checked),
-            className: "rounded border-muted-foreground/25"
+            className: "rounded border-muted-foreground/25 h-4 w-4"
           }
         ) }),
+        allowBulkOperations && variant !== "grid" && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected,
+            onChange: (e) => onSelect?.(e.target.checked),
+            className: "rounded border-muted-foreground/25 h-4 w-4 mt-1 mr-3 float-left"
+          }
+        ),
         showPreview && file.preview && /* @__PURE__ */ jsxs("div", { className: cn(
           "relative overflow-hidden rounded bg-muted/20",
-          variant === "grid" ? "aspect-video mb-3" : "w-12 h-12 float-left mr-3"
+          variant === "grid" ? "aspect-video mb-3" : variant === "compact" ? "w-10 h-10 float-left mr-2" : "w-12 h-12 float-left mr-3"
         ), children: [
           file.preview.type === "image" && file.preview.thumbnail && /* @__PURE__ */ jsx(
             "img",
@@ -59748,10 +60331,10 @@ var FileUploadItem = ({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn(
           "flex-1 min-w-0",
-          variant === "grid" && "text-center"
+          variant === "grid" ? "text-center w-full" : "overflow-hidden"
         ), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("h5", { className: cn(
                 "font-medium truncate",
                 variant === "compact" ? "text-sm" : "text-base"
@@ -59780,13 +60363,17 @@ var FileUploadItem = ({
               MoonUIBadgePro,
               {
                 variant: file.status === "success" ? "success" : file.status === "error" ? "destructive" : file.status === "paused" ? "secondary" : "secondary",
-                className: "flex-shrink-0",
+                size: variant === "compact" ? "sm" : "md",
+                className: cn(
+                  "flex-shrink-0 whitespace-nowrap min-w-fit",
+                  file.status === "success" && "bg-green-500 hover:bg-green-600 text-white border-transparent"
+                ),
                 children: [
-                  file.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }),
-                  file.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3 mr-1" }),
-                  file.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 mr-1" }),
-                  file.status === "paused" && /* @__PURE__ */ jsx(Pause, { className: "h-3 w-3 mr-1" }),
-                  file.status === "pending" ? "Pending" : file.status === "uploading" ? "Uploading" : file.status === "paused" ? "Paused" : file.status === "success" ? "Completed" : file.status === "error" ? "Error" : "Cancelled"
+                  file.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: cn("h-3 w-3 animate-spin flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  file.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: cn("h-3 w-3 flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  file.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: cn("h-3 w-3 flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  file.status === "paused" && /* @__PURE__ */ jsx(Pause, { className: cn("h-3 w-3 flex-shrink-0", variant !== "compact" && "mr-1") }),
+                  variant !== "compact" && (file.status === "pending" ? "Pending" : file.status === "uploading" ? "Uploading" : file.status === "paused" ? "Paused" : file.status === "success" ? "Done" : file.status === "error" ? "Error" : "Cancelled")
                 ]
               }
             )
@@ -59810,7 +60397,7 @@ var FileUploadItem = ({
           ] }),
           file.status === "error" && file.error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: file.error }),
           /* @__PURE__ */ jsxs("div", { className: cn(
-            "flex items-center gap-1 mt-3",
+            "flex items-center gap-1 mt-3 clear-both",
             variant === "grid" && "justify-center"
           ), children: [
             canPauseResume && /* @__PURE__ */ jsx(
@@ -59839,6 +60426,12 @@ var FileUploadItem = ({
                 variant: "ghost",
                 size: "sm",
                 className: "h-7 px-2",
+                onClick: () => {
+                  const link = document.createElement("a");
+                  link.href = file.preview?.url || URL.createObjectURL(file.file);
+                  link.download = file.file.name;
+                  link.click();
+                },
                 children: /* @__PURE__ */ jsx(Download, { className: "h-3 w-3" })
               }
             ),
@@ -59849,11 +60442,38 @@ var FileUploadItem = ({
                   /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
                   "Preview"
                 ] }),
-                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: async () => {
+                  try {
+                    const url = file.result?.url || file.preview?.url || URL.createObjectURL(file.file);
+                    await navigator.clipboard.writeText(url);
+                    toast3({
+                      title: "Link copied",
+                      description: "File link has been copied to clipboard"
+                    });
+                  } catch (err) {
+                    console.error("Failed to copy link:", err);
+                    toast3({
+                      title: "Failed to copy",
+                      description: "Could not copy link to clipboard",
+                      variant: "destructive"
+                    });
+                  }
+                }, children: [
                   /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
                   "Copy Link"
                 ] }),
-                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                navigator.share && /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: async () => {
+                  try {
+                    await navigator.share({
+                      title: file.file.name,
+                      text: `Check out this file: ${file.file.name}`,
+                      url: file.result?.url || file.preview?.url || window.location.href,
+                      files: [file.file]
+                    });
+                  } catch (err) {
+                    console.log("Share cancelled or failed:", err);
+                  }
+                }, children: [
                   /* @__PURE__ */ jsx(Share, { className: "mr-2 h-4 w-4" }),
                   "Share"
                 ] }),