ezux 1.1.19 → 1.1.21

package/dist/{KanbanBoard-BsZP_PJi.js → KanbanBoard-CRF0-mYa.js}

@@ -1,15 +1,15 @@
 import { _ as e } from "./EzProvider-AlmsYIDk.js";
 import { t } from "./button-CYyNwV8S.js";
-import { t as n } from "./input-Cj3sQK3M.js";
+import { t as n } from "./input-CcRi0LeO.js";
 import { n as r, r as i, t as a } from "./avatar-BvCUJ-_r.js";
 import { t as o } from "./label-DWEV--5W.js";
 import { a as s, h as c, r as l, t as u } from "./dropdown-menu-B_7_K13o.js";
-import { t as d } from "./EzScheduler-CjQbi1Na.js";
-import { a as f, i as p, n as m, r as h, t as g } from "./select-D4tFaSai.js";
-import { t as _ } from "./checkbox-DRkQuB4W.js";
-import { t as v } from "./TooltipWrapper-BSAmUx9H.js";
-import { t as y } from "./Modal-CrzpKyjK.js";
-import { a as b, c as x, n as S, s as C, t as w } from "./card-ZUNxcdIM.js";
+import { a as d, c as f, n as p, s as m, t as h } from "./card-urNaa5h-.js";
+import { t as g } from "./EzScheduler-D7aH4KCY.js";
+import { a as _, i as v, n as y, r as b, t as x } from "./select-D4tFaSai.js";
+import { t as S } from "./checkbox-BTuckDEm.js";
+import { t as C } from "./TooltipWrapper-BSAmUx9H.js";
+import { t as w } from "./Modal-CrzpKyjK.js";
 import { t as T } from "./date-time-picker-DqdtBpAg.js";
 import * as E from "react";
 import D, { memo as O, useCallback as k, useEffect as A, useMemo as j, useRef as M, useState as N } from "react";
@@ -17,8 +17,8 @@ import { cva as P } from "class-variance-authority";
 import { Activity as F, AlertCircle as I, AlertTriangle as L, Archive as ee, Calendar as R, CheckCircle2 as z, CheckSquare as B, ChevronDown as V, ChevronRight as H, Clock as U, Edit2 as te, FileText as W, Globe as G, HelpCircle as ne, Image as re, List as ie, Loader2 as ae, Lock as K, MessageSquare as oe, MoreHorizontal as se, Paperclip as ce, PlayCircle as le, Plus as ue, RefreshCcw as de, Settings as q, ShieldAlert as fe, StopCircle as pe, Trash2 as me, Unlock as he, Users as ge, X as _e, XCircle as J } from "lucide-react";
 import { jsx as Y, jsxs as X } from "react/jsx-runtime";
 import { useForm as ve } from "@tanstack/react-form";
-import { DndContext as Z, DragOverlay as ye, PointerSensor as be, useDroppable as xe, useSensor as Se, useSensors as Ce } from "@dnd-kit/core";
-import { useVirtualizer as we } from "@tanstack/react-virtual";
+import { useVirtualizer as Z } from "@tanstack/react-virtual";
+import { DndContext as ye, DragOverlay as be, PointerSensor as xe, useDroppable as Se, useSensor as Ce, useSensors as we } from "@dnd-kit/core";
 import { addDays as Te, format as Ee, isValid as De, startOfDay as Oe } from "date-fns";
 import { CSS as ke } from "@dnd-kit/utilities";
 import { SortableContext as Ae, horizontalListSortingStrategy as je, useSortable as Me, verticalListSortingStrategy as Ne } from "@dnd-kit/sortable";
@@ -90,11 +90,11 @@ function $({ className: t, value: n, children: r, ref: i, ...a }) {
 }
 //#endregion
 //#region src/components/EzKanban/components/CardEditorModal.tsx
-var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u = [], columnId: d, customFields: v = [], currentUser: b = {
+var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u = [], columnId: d, customFields: p = [], currentUser: h = {
 	id: "current-user",
 	name: "Current User"
 } }) => {
-	let { t: S } = x(), w = () => typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `id-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, E = ve({
+	let { t: g } = f(), C = () => typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `id-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, E = ve({
 		defaultValues: {
 			title: l?.title || "",
 			description: l?.description || "",
@@ -126,7 +126,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 		l?.id && c && c(l.id);
 	}, [k, j] = N({}), M = () => {
 		let e = {
-			id: w(),
+			id: C(),
 			title: "Checklist",
 			items: []
 		};
@@ -142,7 +142,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 		let n = (E.getFieldValue("checklists") || []).map((n) => n.id === e ? {
 			...n,
 			items: [...n.items, {
-				id: w(),
+				id: C(),
 				text: t,
 				isChecked: !1
 			}]
@@ -163,19 +163,19 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 	}, [R, z] = N(""), [B, V] = N(null), [H, U] = N(""), [W, G] = N(null), ne = () => {
 		if (!R.trim()) return;
 		let e = {
-			id: w(),
+			id: C(),
 			text: R,
-			authorId: b.id,
-			authorName: b.name,
+			authorId: h.id,
+			authorName: h.name,
 			createdAt: /* @__PURE__ */ new Date()
 		};
 		E.pushFieldValue("comments", e), z("");
 		let t = {
-			id: w(),
+			id: C(),
 			type: "comment",
 			text: `commented "${R.slice(0, 20)}${R.length > 20 ? "..." : ""}"`,
-			userId: b.id,
-			userName: b.name,
+			userId: h.id,
+			userName: h.name,
 			createdAt: /* @__PURE__ */ new Date()
 		};
 		E.pushFieldValue("activity", t);
@@ -199,18 +199,18 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 		let t = E.getFieldValue("comments") || [];
 		E.setFieldValue("comments", t.filter((t) => t.id !== e)), G(null);
 		let n = {
-			id: w(),
+			id: C(),
 			type: "delete",
 			text: "deleted a comment",
-			userId: b.id,
-			userName: b.name,
+			userId: h.id,
+			userName: h.name,
 			createdAt: /* @__PURE__ */ new Date()
 		};
 		E.pushFieldValue("activity", n);
 	}, [q, fe] = N(""), pe = () => {
 		if (!q.trim()) return;
 		let e = {
-			id: w(),
+			id: C(),
 			title: q,
 			isCompleted: !1
 		};
@@ -229,7 +229,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 		if (!t) return;
 		ye(!0), xe(null), await new Promise((e) => setTimeout(e, 1500));
 		let n = {
-			id: w(),
+			id: C(),
 			name: t.name,
 			url: URL.createObjectURL(t),
 			type: t.type.startsWith("image/") ? "image" : "file",
@@ -238,11 +238,11 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 		};
 		E.pushFieldValue("attachments", n), ye(!1), J.current && (J.current.value = "");
 		let r = {
-			id: w(),
+			id: C(),
 			type: "attachment",
 			text: `attached ${t.name}`,
-			userId: b.id,
-			userName: b.name,
+			userId: h.id,
+			userName: h.name,
 			createdAt: /* @__PURE__ */ new Date()
 		};
 		E.pushFieldValue("activity", r);
@@ -250,11 +250,11 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 		let t = E.getFieldValue("attachments") || [];
 		E.setFieldValue("attachments", t.filter((t) => t.id !== e));
 		let n = {
-			id: w(),
+			id: C(),
 			type: "delete",
 			text: "removed an attachment",
-			userId: b.id,
-			userName: b.name,
+			userId: h.id,
+			userName: h.name,
 			createdAt: /* @__PURE__ */ new Date()
 		};
 		E.pushFieldValue("activity", n);
@@ -274,12 +274,12 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 							children: [/* @__PURE__ */ Y(o, {
 								htmlFor: "title",
 								className: "text-right",
-								children: S("common.title")
+								children: g("common.title")
 							}), /* @__PURE__ */ Y(n, {
 								id: "title",
 								value: e.state.value,
 								onChange: (t) => e.handleChange(t.target.value),
-								placeholder: S("kanban.cardTitlePlaceholder"),
+								placeholder: g("kanban.cardTitlePlaceholder"),
 								className: "text-lg font-semibold"
 							})]
 						})
@@ -289,10 +289,10 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 							className: "w-[200px]",
 							children: /* @__PURE__ */ Y(E.Field, {
 								name: "columnId",
-								children: (e) => /* @__PURE__ */ X(g, {
+								children: (e) => /* @__PURE__ */ X(x, {
 									value: e.state.value,
 									onValueChange: (t) => e.handleChange(t),
-									children: [/* @__PURE__ */ Y(p, { children: /* @__PURE__ */ Y(f, { placeholder: "Status" }) }), /* @__PURE__ */ Y(m, { children: u.map((e) => /* @__PURE__ */ Y(h, {
+									children: [/* @__PURE__ */ Y(v, { children: /* @__PURE__ */ Y(_, { placeholder: "Status" }) }), /* @__PURE__ */ Y(y, { children: u.map((e) => /* @__PURE__ */ Y(b, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
@@ -312,23 +312,23 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 						name: "priority",
 						children: (e) => /* @__PURE__ */ X("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ Y(o, { children: "Priority" }), /* @__PURE__ */ X(g, {
+							children: [/* @__PURE__ */ Y(o, { children: "Priority" }), /* @__PURE__ */ X(x, {
 								value: e.state.value,
 								onValueChange: (t) => e.handleChange(t),
-								children: [/* @__PURE__ */ Y(p, { children: /* @__PURE__ */ Y(f, { placeholder: "Priority" }) }), /* @__PURE__ */ X(m, { children: [
-									/* @__PURE__ */ Y(h, {
+								children: [/* @__PURE__ */ Y(v, { children: /* @__PURE__ */ Y(_, { placeholder: "Priority" }) }), /* @__PURE__ */ X(y, { children: [
+									/* @__PURE__ */ Y(b, {
 										value: "low",
 										children: "Low"
 									}),
-									/* @__PURE__ */ Y(h, {
+									/* @__PURE__ */ Y(b, {
 										value: "medium",
 										children: "Medium"
 									}),
-									/* @__PURE__ */ Y(h, {
+									/* @__PURE__ */ Y(b, {
 										value: "high",
 										children: "High"
 									}),
-									/* @__PURE__ */ Y(h, {
+									/* @__PURE__ */ Y(b, {
 										value: "critical",
 										children: "Critical"
 									})
@@ -364,16 +364,16 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 				name: "description",
 				children: (e) => /* @__PURE__ */ X("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ Y(o, { children: "Description" }), /* @__PURE__ */ Y(C, {
+					children: [/* @__PURE__ */ Y(o, { children: "Description" }), /* @__PURE__ */ Y(m, {
 						value: e.state.value || "",
 						onChange: (t) => e.handleChange(t.target.value),
 						className: "min-h-[150px]"
 					})]
 				})
 			}),
-			v.length > 0 && /* @__PURE__ */ Y("div", {
+			p.length > 0 && /* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4 border-t pt-4",
-				children: v.map((e) => /* @__PURE__ */ Y(E.Field, {
+				children: p.map((e) => /* @__PURE__ */ Y(E.Field, {
 					name: `customFieldValues.${e.id}`,
 					children: (t) => /* @__PURE__ */ X("div", {
 						className: "space-y-2",
@@ -393,17 +393,17 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 								setDate: (e) => t.handleChange(e),
 								mode: "date"
 							}),
-							e.type === "select" && /* @__PURE__ */ X(g, {
+							e.type === "select" && /* @__PURE__ */ X(x, {
 								value: t.state.value || "",
 								onValueChange: (e) => t.handleChange(e),
-								children: [/* @__PURE__ */ Y(p, { children: /* @__PURE__ */ Y(f, { placeholder: "Select..." }) }), /* @__PURE__ */ Y(m, { children: e.options?.map((e) => /* @__PURE__ */ Y(h, {
+								children: [/* @__PURE__ */ Y(v, { children: /* @__PURE__ */ Y(_, { placeholder: "Select..." }) }), /* @__PURE__ */ Y(y, { children: e.options?.map((e) => /* @__PURE__ */ Y(b, {
 									value: e,
 									children: e
 								}, e)) })]
 							}),
 							e.type === "checkbox" && /* @__PURE__ */ X("div", {
 								className: "flex items-center space-x-2",
-								children: [/* @__PURE__ */ Y(_, {
+								children: [/* @__PURE__ */ Y(S, {
 									checked: !!t.state.value,
 									onCheckedChange: (e) => t.handleChange(!!e)
 								}), /* @__PURE__ */ Y("span", {
@@ -454,7 +454,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 								children: [e.state.value?.map((e) => /* @__PURE__ */ X("div", {
 									className: "flex items-center gap-2 border p-3 rounded-md",
 									children: [
-										/* @__PURE__ */ Y(_, {
+										/* @__PURE__ */ Y(S, {
 											checked: e.isCompleted,
 											onCheckedChange: () => he(e.id)
 										}),
@@ -532,7 +532,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 												className: "space-y-2",
 												children: e.items.map((t) => /* @__PURE__ */ X("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ Y(_, {
+													children: [/* @__PURE__ */ Y(S, {
 														checked: t.isChecked,
 														onCheckedChange: () => ee(e.id, t.id)
 													}), /* @__PURE__ */ Y("span", {
@@ -660,7 +660,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 												}),
 												B === e.id ? /* @__PURE__ */ X("div", {
 													className: "flex flex-col gap-2",
-													children: [/* @__PURE__ */ Y(C, {
+													children: [/* @__PURE__ */ Y(m, {
 														value: H,
 														onChange: (e) => U(e.target.value),
 														onKeyDown: (e) => {
@@ -740,10 +740,10 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 								className: "flex gap-2",
 								children: [/* @__PURE__ */ Y(a, {
 									className: "w-8 h-8",
-									children: /* @__PURE__ */ Y(r, { children: b?.name?.[0] || "U" })
+									children: /* @__PURE__ */ Y(r, { children: h?.name?.[0] || "U" })
 								}), /* @__PURE__ */ X("div", {
 									className: "flex-1 space-y-2",
-									children: [/* @__PURE__ */ Y(C, {
+									children: [/* @__PURE__ */ Y(m, {
 										value: R,
 										onChange: (e) => z(e.target.value),
 										placeholder: "Write a comment...",
@@ -799,7 +799,7 @@ var ze = ({ isOpen: e, onClose: i, onSave: s, onDelete: c, card: l, columns: u =
 			})
 		]
 	});
-	return /* @__PURE__ */ X(y, {
+	return /* @__PURE__ */ X(w, {
 		isOpen: e,
 		onClose: i,
 		title: we ? "Edit Card" : "New Card",
@@ -1024,14 +1024,14 @@ var Ue = {
 		return De(n) ? Ee(n, t) : "";
 	},
 	isValidDate: (e) => De(new Date(e))
-}, We = ({ card: t, onClick: n, onDoubleClick: o, isDragging: s, isHighlighted: c, enableTooltip: l, tooltipTemplate: u, customFields: d, slots: f, slotProps: p, className: m, dir: h }) => {
-	let g = h === "rtl", { attributes: _, listeners: y, setNodeRef: b, transform: x, transition: S, isDragging: C } = Me({
+}, We = ({ card: t, onClick: n, onDoubleClick: o, isDragging: s, isHighlighted: c, enableTooltip: l, tooltipTemplate: u, customFields: d, slots: f, slotProps: p, className: m, dir: g }) => {
+	let _ = g === "rtl", { attributes: v, listeners: y, setNodeRef: b, transform: x, transition: S, isDragging: w } = Me({
 		id: t.id,
 		data: {
 			type: "card",
 			card: t
 		}
-	}), T = s || C, E = {
+	}), T = s || w, E = {
 		transform: ke.Translate.toString(x),
 		transition: S
 	}, D = {
@@ -1139,7 +1139,7 @@ var Ue = {
 								})
 							})]
 						}), t.dueDate && /* @__PURE__ */ X("div", {
-							className: e("flex items-center gap-1 text-xs text-muted-foreground", g ? "mr-auto" : "ml-auto"),
+							className: e("flex items-center gap-1 text-xs text-muted-foreground", _ ? "mr-auto" : "ml-auto"),
 							children: [/* @__PURE__ */ Y(R, { className: "w-3 h-3" }), /* @__PURE__ */ Y("span", { children: Ue.formatDate(t.dueDate) })]
 						})]
 					})
@@ -1165,10 +1165,10 @@ var Ue = {
 	}), N = f?.cardContent, P = N ? /* @__PURE__ */ Y(N, {
 		card: t,
 		...p?.cardContent
-	}) : M, F = /* @__PURE__ */ Y(w, {
+	}) : M, F = /* @__PURE__ */ Y(h, {
 		ref: b,
 		style: E,
-		..._,
+		...v,
 		...y,
 		onClick: () => n?.(t),
 		onDoubleClick: () => o?.(t),
@@ -1181,7 +1181,7 @@ var Ue = {
 		card: t,
 		defaultContent: F,
 		...p?.card
-	}) : /* @__PURE__ */ Y(v, {
+	}) : /* @__PURE__ */ Y(C, {
 		enabled: l,
 		content: u ? u(t) : null,
 		children: F
@@ -1189,7 +1189,7 @@ var Ue = {
 };
 We.displayName = "KanbanCard";
 var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
-	let r = M(null), i = we({
+	let r = M(null), i = Z({
 		count: e.length,
 		getScrollElement: () => r.current,
 		estimateSize: () => t,
@@ -1201,13 +1201,13 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 		virtualItems: i.getVirtualItems(),
 		totalSize: i.getTotalSize()
 	};
-}, qe = ({ column: n, cards: r, onCardClick: i, onCardDoubleClick: a, onCardDragStart: o, onAddCard: d, onToggleCollapse: f, onDeleteColumn: p, onUpdateColumn: m, onColumnClick: h, selectedColumnId: g, draggedCardId: _, highlightedCardId: v, isDropTarget: y, customFields: C, className: T, dir: E, slots: O, slotProps: k }) => {
-	let A = E === "rtl", { t: j } = x(), [M, N] = D.useState(!1), P = O?.card || Ge, [F, I] = D.useState(n.name), L = D.useRef(null);
+}, qe = ({ column: n, cards: r, onCardClick: i, onCardDoubleClick: a, onCardDragStart: o, onAddCard: m, onToggleCollapse: g, onDeleteColumn: _, onUpdateColumn: v, onColumnClick: y, selectedColumnId: b, draggedCardId: x, highlightedCardId: S, isDropTarget: C, customFields: w, className: T, dir: E, slots: O, slotProps: k }) => {
+	let A = E === "rtl", { t: j } = f(), [M, N] = D.useState(!1), P = O?.card || Ge, [F, I] = D.useState(n.name), L = D.useRef(null);
 	D.useEffect(() => {
 		M && L.current && (L.current.focus(), L.current.select());
 	}, [M]);
 	let ee = () => {
-		F.trim() && F !== n.name ? m?.(n.id, { name: F }) : I(n.name), N(!1);
+		F.trim() && F !== n.name ? v?.(n.id, { name: F }) : I(n.name), N(!1);
 	}, R = (e) => {
 		e.key === "Enter" ? ee() : e.key === "Escape" && (I(n.name), N(!1));
 	}, z = n.wipLimit && r.length > n.wipLimit, B = n.wipLimit && r.length === n.wipLimit, { setNodeRef: U, attributes: te, listeners: W, transform: G, transition: ne, isDragging: re } = Me({
@@ -1217,15 +1217,15 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 			column: n
 		}
 	});
-	return /* @__PURE__ */ X(w, {
+	return /* @__PURE__ */ X(h, {
 		ref: U,
 		style: {
 			transform: ke.Translate.toString(G),
 			transition: ne
 		},
-		className: e("flex flex-col w-80 shrink-0 transition-all duration-200", g === n.id ? "ring-2 ring-primary border-primary" : "", re ? "opacity-50" : "", y ? "ring-2 ring-primary/70 border-primary/50 bg-primary/5" : "", T),
-		onClick: () => h?.(n.id),
-		children: [/* @__PURE__ */ X(b, {
+		className: e("flex flex-col w-80 shrink-0 transition-all duration-200", b === n.id ? "ring-2 ring-primary border-primary" : "", re ? "opacity-50" : "", C ? "ring-2 ring-primary/70 border-primary/50 bg-primary/5" : "", T),
+		onClick: () => y?.(n.id),
+		children: [/* @__PURE__ */ X(d, {
 			className: "pb-3",
 			onDoubleClick: () => N(!0),
 			children: [/* @__PURE__ */ X("div", {
@@ -1243,7 +1243,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 							variant: "ghost",
 							size: "sm",
 							className: "h-6 w-6 p-0",
-							onClick: () => f?.(n.id),
+							onClick: () => g?.(n.id),
 							children: n.isCollapsed ? A ? /* @__PURE__ */ Y(H, { className: "h-4 w-4 rotate-180" }) : /* @__PURE__ */ Y(H, { className: "h-4 w-4" }) : /* @__PURE__ */ Y(V, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ X("div", {
@@ -1284,14 +1284,14 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 						align: "end",
 						children: /* @__PURE__ */ X(s, {
 							className: "text-red-600 focus:text-red-600 focus:bg-red-50",
-							onClick: () => p?.(n.id),
+							onClick: () => _?.(n.id),
 							children: [/* @__PURE__ */ Y(me, { className: "h-4 w-4 me-2" }), j("delete_column") || "Delete Column"]
 						})
 					})] }), /* @__PURE__ */ Y(t, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-6 w-6 p-0",
-						onClick: () => d?.(n.id),
+						onClick: () => m?.(n.id),
 						children: /* @__PURE__ */ Y(ue, { className: "h-4 w-4" })
 					})]
 				})]
@@ -1313,7 +1313,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					estimateSize: 120,
 					overscan: 5
 				});
-				return /* @__PURE__ */ X(S, {
+				return /* @__PURE__ */ X(p, {
 					ref: e,
 					className: "flex-1 overflow-y-auto max-h-[calc(100vh-200px)]",
 					children: [/* @__PURE__ */ Y("div", {
@@ -1346,9 +1346,9 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 										onClick: i,
 										onDoubleClick: a,
 										onDragStart: o,
-										isDragging: _ === n.id,
-										isHighlighted: v === n.id,
-										customFields: C,
+										isDragging: x === n.id,
+										isHighlighted: S === n.id,
+										customFields: w,
 										dir: E,
 										...k?.card
 									})
@@ -1361,7 +1361,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					})]
 				});
 			}
-			return /* @__PURE__ */ X(S, {
+			return /* @__PURE__ */ X(p, {
 				className: "flex-1 overflow-y-auto max-h-[calc(100vh-200px)] space-y-2",
 				children: [/* @__PURE__ */ Y(Ae, {
 					items: r.map((e) => e.id),
@@ -1371,21 +1371,21 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 						onClick: i,
 						onDoubleClick: a,
 						onDragStart: o,
-						isDragging: _ === e.id,
-						isHighlighted: v === e.id,
-						customFields: C,
+						isDragging: x === e.id,
+						isHighlighted: S === e.id,
+						customFields: w,
 						dir: E,
 						...k?.card
 					}, e.id))
 				}), r.length === 0 && /* @__PURE__ */ Y("div", {
-					className: e("flex h-32 items-center justify-center rounded-lg border border-dashed text-sm transition-all duration-150", y ? "border-primary/60 bg-primary/5 text-primary/70" : "text-muted-foreground"),
-					children: y ? "✦ Drop here" : j("no_cards")
+					className: e("flex h-32 items-center justify-center rounded-lg border border-dashed text-sm transition-all duration-150", C ? "border-primary/60 bg-primary/5 text-primary/70" : "text-muted-foreground"),
+					children: C ? "✦ Drop here" : j("no_cards")
 				})]
 			});
 		})()]
 	});
 }, Je = ({ swimlaneId: t, columnId: n, children: r, className: i }) => {
-	let { isOver: a, setNodeRef: o } = xe({
+	let { isOver: a, setNodeRef: o } = Se({
 		id: `swimlane-cell-${t}-${n}`,
 		data: {
 			type: "swimlane-cell",
@@ -1398,10 +1398,10 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 		className: e(i, a && "bg-primary/5 transition-colors"),
 		children: r
 	});
-}, Ye = ({ swimlane: n, columns: r, cards: i, onCardClick: a, onCardDoubleClick: o, onCardDragStart: s, onCardDragEnd: c, onToggleCollapse: l, draggedCardId: u, highlightedCardId: d, customFields: f, className: p, dir: m, slots: h, slotProps: g }) => {
-	let _ = m === "rtl", { t: v } = x(), y = h?.card || Ge;
+}, Ye = ({ swimlane: n, columns: r, cards: i, onCardClick: a, onCardDoubleClick: o, onCardDragStart: s, onCardDragEnd: c, onToggleCollapse: l, draggedCardId: u, highlightedCardId: d, customFields: p, className: m, dir: h, slots: g, slotProps: _ }) => {
+	let v = h === "rtl", { t: y } = f(), b = g?.card || Ge;
 	return /* @__PURE__ */ X("div", {
-		className: e("flex flex-col border rounded-lg bg-card text-card-foreground shadow-sm mb-4", p),
+		className: e("flex flex-col border rounded-lg bg-card text-card-foreground shadow-sm mb-4", m),
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center gap-2 p-3 border-b bg-muted/30",
 			children: [
@@ -1410,7 +1410,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					size: "sm",
 					className: "h-6 w-6 p-0",
 					onClick: () => l?.(n.id),
-					children: n.isCollapsed ? _ ? /* @__PURE__ */ Y(H, { className: "h-4 w-4 rotate-180" }) : /* @__PURE__ */ Y(H, { className: "h-4 w-4" }) : /* @__PURE__ */ Y(V, { className: "h-4 w-4" })
+					children: n.isCollapsed ? v ? /* @__PURE__ */ Y(H, { className: "h-4 w-4 rotate-180" }) : /* @__PURE__ */ Y(H, { className: "h-4 w-4" }) : /* @__PURE__ */ Y(V, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ Y("h3", {
 					className: "font-semibold text-sm",
@@ -1422,13 +1422,13 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 						"(",
 						i.length,
 						" ",
-						v("items"),
+						y("items"),
 						")"
 					]
 				})
 			]
 		}), !n.isCollapsed && /* @__PURE__ */ Y("div", {
-			className: e("flex divide-x", _ && "divide-x-reverse"),
+			className: e("flex divide-x", v && "divide-x-reverse"),
 			children: r.map((e) => {
 				let t = i.filter((t) => t.columnId === e.id);
 				return /* @__PURE__ */ Y(Je, {
@@ -1437,7 +1437,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					className: "flex-1 min-w-[280px] p-2 min-h-[100px]",
 					children: /* @__PURE__ */ Y("div", {
 						className: "space-y-2",
-						children: t.map((e) => /* @__PURE__ */ Y(y, {
+						children: t.map((e) => /* @__PURE__ */ Y(b, {
 							card: e,
 							onClick: a,
 							onDoubleClick: o,
@@ -1445,9 +1445,9 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 							onDragEnd: c,
 							isDragging: u === e.id,
 							isHighlighted: d === e.id,
-							customFields: f,
-							dir: m,
-							...g?.card
+							customFields: p,
+							dir: h,
+							..._?.card
 						}, e.id))
 					})
 				}, e.id);
@@ -1505,7 +1505,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 		r,
 		n,
 		t
-	]), f = k((e) => {
+	]), d = k((e) => {
 		let r = n && n.length > 0, i = {
 			title: e.title || "New Card",
 			startDate: e.start,
@@ -1520,7 +1520,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 		n,
 		t,
 		a
-	]), p = k((e) => {
+	]), f = k((e) => {
 		let t = e.originalCard;
 		t && i?.(t);
 	}, [i]);
@@ -1530,22 +1530,22 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 			height: "100%",
 			minHeight: "600px"
 		},
-		children: /* @__PURE__ */ Y(d, {
+		children: /* @__PURE__ */ Y(g, {
 			events: l,
 			resources: c,
 			selectedDate: /* @__PURE__ */ new Date(),
 			view: "TimelineMonth",
 			views: ["TimelineWeek", "TimelineMonth"],
 			onEventChange: u,
-			onEventCreate: f,
-			onEventClick: p,
+			onEventCreate: d,
+			onEventClick: f,
 			showHeaderBar: !0,
 			showResourceHeaders: !0,
 			dir: s
 		})
 	});
-}, Qe = ({ board: n, onCardClick: r, onCardDoubleClick: i, onCardDragStart: a, onCardDragEnd: o, onCardDrop: s, onAddCard: c, onToggleColumnCollapse: l, onToggleSwimlaneCollapse: u, onAddColumn: d, onDeleteColumn: f, onUpdateColumn: p, onColumnClick: m, onCreateCard: h, selectedColumnId: g, draggedCardId: _, filteredCards: v, slots: y, slotProps: b, className: S, view: C = "standard", dir: w }) => {
-	let T = v || n.cards, { t: E } = x(), [D, O] = N(null), [k, A] = N(null);
+}, Qe = ({ board: n, onCardClick: r, onCardDoubleClick: i, onCardDragStart: a, onCardDragEnd: o, onCardDrop: s, onAddCard: c, onToggleColumnCollapse: l, onToggleSwimlaneCollapse: u, onAddColumn: d, onDeleteColumn: p, onUpdateColumn: m, onColumnClick: h, onCreateCard: g, selectedColumnId: _, draggedCardId: v, filteredCards: y, slots: b, slotProps: x, className: S, view: C = "standard", dir: w }) => {
+	let T = y || n.cards, { t: E } = f(), [D, O] = N(null), [k, A] = N(null);
 	return C === "timeline" ? /* @__PURE__ */ Y(Ze, {
 		cards: T,
 		columns: n.columns,
@@ -1554,11 +1554,11 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 			t === "move" && s(e.columnId, e.swimlaneId);
 		} : void 0,
 		onCardClick: r,
-		onCardCreate: h,
+		onCardCreate: g,
 		className: S,
 		dir: w
-	}) : /* @__PURE__ */ X(Z, {
-		sensors: Ce(Se(be, { activationConstraint: { distance: 5 } })),
+	}) : /* @__PURE__ */ X(ye, {
+		sensors: we(Ce(xe, { activationConstraint: { distance: 5 } })),
 		onDragStart: (e) => {
 			let { active: t } = e;
 			t.data.current?.type === "card" && (O(t.data.current.card), a?.(t.data.current.card));
@@ -1596,11 +1596,11 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 			className: e("flex flex-col p-4 overflow-y-auto h-full", S),
 			children: /* @__PURE__ */ X(Ae, {
 				items: T.map((e) => e.id),
-				children: [n.swimlanes.sort((e, t) => e.position - t.position).map((e) => {
+				children: [[...n.swimlanes].sort((e, t) => e.position - t.position).map((e) => {
 					let t = T.filter((t) => t.swimlaneId === e.id);
 					return /* @__PURE__ */ Y(Ye, {
 						swimlane: e,
-						columns: n.columns.sort((e, t) => e.position - t.position),
+						columns: [...n.columns].sort((e, t) => e.position - t.position),
 						cards: t,
 						onCardClick: r,
 						onCardDoubleClick: i,
@@ -1608,10 +1608,10 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 						onCardDragEnd: o,
 						onDrop: s,
 						onToggleCollapse: u,
-						draggedCardId: _,
+						draggedCardId: v,
 						customFields: n.customFields,
-						slots: y,
-						slotProps: b,
+						slots: b,
+						slotProps: x,
 						dir: w
 					}, e.id);
 				}), T.some((e) => !e.swimlaneId) && /* @__PURE__ */ Y(Ye, {
@@ -1622,7 +1622,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 						position: 9999,
 						isCollapsed: !1
 					},
-					columns: n.columns.sort((e, t) => e.position - t.position),
+					columns: [...n.columns].sort((e, t) => e.position - t.position),
 					cards: T.filter((e) => !e.swimlaneId),
 					onCardClick: r,
 					onCardDoubleClick: i,
@@ -1630,10 +1630,10 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					onCardDragEnd: o,
 					onDrop: s,
 					onToggleCollapse: () => {},
-					draggedCardId: _,
+					draggedCardId: v,
 					customFields: n.customFields,
-					slots: y,
-					slotProps: b,
+					slots: b,
+					slotProps: x,
 					dir: w
 				})]
 			})
@@ -1642,7 +1642,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 			children: [/* @__PURE__ */ Y(Ae, {
 				items: n.columns.map((e) => e.id),
 				strategy: je,
-				children: n.columns.sort((e, t) => e.position - t.position).map((e) => /* @__PURE__ */ Y(qe, {
+				children: [...n.columns].sort((e, t) => e.position - t.position).map((e) => /* @__PURE__ */ Y(qe, {
 					column: e,
 					cards: T.filter((t) => t.columnId === e.id),
 					onCardClick: r,
@@ -1652,15 +1652,15 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					onDrop: s,
 					onAddCard: c,
 					onToggleCollapse: l,
-					onDeleteColumn: f,
-					onUpdateColumn: p,
-					onColumnClick: m,
-					selectedColumnId: g,
-					draggedCardId: _,
+					onDeleteColumn: p,
+					onUpdateColumn: m,
+					onColumnClick: h,
+					selectedColumnId: _,
+					draggedCardId: v,
 					isDropTarget: k === e.id,
 					customFields: n.customFields,
-					slots: y,
-					slotProps: b,
+					slots: b,
+					slotProps: x,
 					dir: w
 				}, e.id))
 			}), d && /* @__PURE__ */ Y("div", {
@@ -1672,7 +1672,7 @@ var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
 					children: [/* @__PURE__ */ Y(ue, { className: "me-2 h-4 w-4" }), E("add_column") || "Add Column"]
 				})
 			})]
-		}), /* @__PURE__ */ Y(ye, {
+		}), /* @__PURE__ */ Y(be, {
 			dropAnimation: {
 				duration: 200,
 				easing: "ease"