ezux 1.1.13 → 1.1.18

package/dist/KanbanBoard-B7_Z5sh1.js

@@ -0,0 +1,1697 @@
+import { _ as e } from "./EzProvider-AlmsYIDk.js";
+import { t } from "./button-CYyNwV8S.js";
+import { t as n } from "./input-Cj3sQK3M.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-C1Jtvvju.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 { t as T } from "./date-time-picker-fUzf4TnU.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";
+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 { 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";
+//#region src/components/ui/badge.tsx
+var Pe = P("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+		destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+		outline: "text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Fe({ className: t, variant: n, ...r }) {
+	return /* @__PURE__ */ Y("div", {
+		className: e(Pe({ variant: n }), t),
+		...r
+	});
+}
+//#endregion
+//#region src/components/ui/tabs.tsx
+var Ie = E.createContext(void 0);
+function Le({ className: t, defaultValue: n, value: r, onValueChange: i, children: a, ref: o, ...s }) {
+	let [c, l] = E.useState(n || ""), u = r !== void 0, d = u ? r : c, f = E.useCallback((e) => {
+		u || l(e), i?.(e);
+	}, [u, i]);
+	return /* @__PURE__ */ Y(Ie.Provider, {
+		value: {
+			value: d,
+			onValueChange: f
+		},
+		children: /* @__PURE__ */ Y("div", {
+			ref: o,
+			className: e(t),
+			...s,
+			children: a
+		})
+	});
+}
+function Re({ className: t, ref: n, ...r }) {
+	return /* @__PURE__ */ Y("div", {
+		ref: n,
+		className: e("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", t),
+		...r
+	});
+}
+function Q({ className: t, value: n, onClick: r, ref: i, ...a }) {
+	let o = E.useContext(Ie);
+	if (!o) throw Error("TabsTrigger must be used within Tabs");
+	return /* @__PURE__ */ Y("button", {
+		ref: i,
+		type: "button",
+		className: e("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", o.value === n && "bg-background text-foreground shadow-sm", t),
+		onClick: (e) => {
+			o.onValueChange(n), r?.(e);
+		},
+		...a
+	});
+}
+function $({ className: t, value: n, children: r, ref: i, ...a }) {
+	let o = E.useContext(Ie);
+	if (!o) throw Error("TabsContent must be used within Tabs");
+	return o.value === n ? /* @__PURE__ */ Y("div", {
+		ref: i,
+		className: e("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", t),
+		...a,
+		children: r
+	}) : null;
+}
+//#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 = {
+	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({
+		defaultValues: {
+			title: l?.title || "",
+			description: l?.description || "",
+			columnId: l?.columnId || d || u[0]?.id || "",
+			priority: l?.priority || "medium",
+			startDate: l?.startDate ? new Date(l.startDate) : void 0,
+			dueDate: l?.dueDate ? new Date(l.dueDate) : void 0,
+			checklists: l?.checklists || [],
+			attachments: l?.attachments || [],
+			comments: l?.comments || [],
+			coverImage: l?.coverImage || "",
+			customFieldValues: l?.customFieldValues || {},
+			subtasks: l?.subtasks || [],
+			timeTracking: l?.timeTracking || {
+				estimated: 0,
+				actual: 0
+			},
+			activity: l?.activity || [],
+			assignees: l?.assignees || [],
+			tags: l?.tags || [],
+			...l
+		},
+		onSubmit: async ({ value: e }) => {
+			s(e), i();
+		}
+	});
+	A(() => {}, [e, l]);
+	let O = () => {
+		l?.id && c && c(l.id);
+	}, [k, j] = N({}), M = () => {
+		let e = {
+			id: w(),
+			title: "Checklist",
+			items: []
+		};
+		E.pushFieldValue("checklists", e);
+	}, P = (e, t) => {
+		j((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, I = (e) => {
+		let t = k[e]?.trim();
+		if (!t) return;
+		let n = (E.getFieldValue("checklists") || []).map((n) => n.id === e ? {
+			...n,
+			items: [...n.items, {
+				id: w(),
+				text: t,
+				isChecked: !1
+			}]
+		} : n);
+		E.setFieldValue("checklists", n), j((t) => ({
+			...t,
+			[e]: ""
+		}));
+	}, ee = (e, t) => {
+		let n = (E.getFieldValue("checklists") || []).map((n) => n.id === e ? {
+			...n,
+			items: n.items.map((e) => e.id === t ? {
+				...e,
+				isChecked: !e.isChecked
+			} : e)
+		} : n);
+		E.setFieldValue("checklists", n);
+	}, [R, z] = N(""), [B, V] = N(null), [H, U] = N(""), [W, G] = N(null), ne = () => {
+		if (!R.trim()) return;
+		let e = {
+			id: w(),
+			text: R,
+			authorId: b.id,
+			authorName: b.name,
+			createdAt: /* @__PURE__ */ new Date()
+		};
+		E.pushFieldValue("comments", e), z("");
+		let t = {
+			id: w(),
+			type: "comment",
+			text: `commented "${R.slice(0, 20)}${R.length > 20 ? "..." : ""}"`,
+			userId: b.id,
+			userName: b.name,
+			createdAt: /* @__PURE__ */ new Date()
+		};
+		E.pushFieldValue("activity", t);
+	}, ie = (e) => {
+		V(e.id), U(e.text);
+	}, K = () => {
+		if (B && H.trim()) {
+			let e = (E.getFieldValue("comments") || []).map((e) => e.id === B ? {
+				...e,
+				text: H
+			} : e);
+			E.setFieldValue("comments", e), V(null), U("");
+		}
+	}, oe = () => {
+		V(null), U("");
+	}, se = (e) => {
+		G(e);
+	}, le = () => {
+		G(null);
+	}, de = (e) => {
+		let t = E.getFieldValue("comments") || [];
+		E.setFieldValue("comments", t.filter((t) => t.id !== e)), G(null);
+		let n = {
+			id: w(),
+			type: "delete",
+			text: "deleted a comment",
+			userId: b.id,
+			userName: b.name,
+			createdAt: /* @__PURE__ */ new Date()
+		};
+		E.pushFieldValue("activity", n);
+	}, [q, fe] = N(""), pe = () => {
+		if (!q.trim()) return;
+		let e = {
+			id: w(),
+			title: q,
+			isCompleted: !1
+		};
+		E.pushFieldValue("subtasks", e), fe("");
+	}, he = (e) => {
+		let t = (E.getFieldValue("subtasks") || []).map((t) => t.id === e ? {
+			...t,
+			isCompleted: !t.isCompleted
+		} : t);
+		E.setFieldValue("subtasks", t);
+	}, ge = (e) => {
+		let t = E.getFieldValue("subtasks") || [];
+		E.setFieldValue("subtasks", t.filter((t) => t.id !== e));
+	}, J = D.useRef(null), [Z, ye] = N(!1), [be, xe] = N(null), Se = async (e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		ye(!0), xe(null), await new Promise((e) => setTimeout(e, 1500));
+		let n = {
+			id: w(),
+			name: t.name,
+			url: URL.createObjectURL(t),
+			type: t.type.startsWith("image/") ? "image" : "file",
+			size: t.size,
+			uploadedAt: /* @__PURE__ */ new Date()
+		};
+		E.pushFieldValue("attachments", n), ye(!1), J.current && (J.current.value = "");
+		let r = {
+			id: w(),
+			type: "attachment",
+			text: `attached ${t.name}`,
+			userId: b.id,
+			userName: b.name,
+			createdAt: /* @__PURE__ */ new Date()
+		};
+		E.pushFieldValue("activity", r);
+	}, Ce = (e) => {
+		let t = E.getFieldValue("attachments") || [];
+		E.setFieldValue("attachments", t.filter((t) => t.id !== e));
+		let n = {
+			id: w(),
+			type: "delete",
+			text: "removed an attachment",
+			userId: b.id,
+			userName: b.name,
+			createdAt: /* @__PURE__ */ new Date()
+		};
+		E.pushFieldValue("activity", n);
+	}, we = !!l?.id, Te = (e) => {
+		e.preventDefault(), e.stopPropagation(), E.handleSubmit();
+	}, Ee = /* @__PURE__ */ X("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ Y("div", {
+				className: "flex items-start justify-between gap-4",
+				children: /* @__PURE__ */ X("div", {
+					className: "flex-1 space-y-4",
+					children: [/* @__PURE__ */ Y(E.Field, {
+						name: "title",
+						children: (e) => /* @__PURE__ */ X("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ Y(o, {
+								htmlFor: "title",
+								className: "text-right",
+								children: S("common.title")
+							}), /* @__PURE__ */ Y(n, {
+								id: "title",
+								value: e.state.value,
+								onChange: (t) => e.handleChange(t.target.value),
+								placeholder: S("kanban.cardTitlePlaceholder"),
+								className: "text-lg font-semibold"
+							})]
+						})
+					}), /* @__PURE__ */ X("div", {
+						className: "flex gap-4 items-center",
+						children: [/* @__PURE__ */ Y("div", {
+							className: "w-[200px]",
+							children: /* @__PURE__ */ Y(E.Field, {
+								name: "columnId",
+								children: (e) => /* @__PURE__ */ X(g, {
+									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, {
+										value: e.id,
+										children: e.name
+									}, e.id)) })]
+								})
+							})
+						}), we && /* @__PURE__ */ X("span", {
+							className: "text-sm text-muted-foreground font-mono",
+							children: ["#", l?.id?.slice(0, 8)]
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ Y(E.Field, {
+						name: "priority",
+						children: (e) => /* @__PURE__ */ X("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ Y(o, { children: "Priority" }), /* @__PURE__ */ X(g, {
+								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, {
+										value: "low",
+										children: "Low"
+									}),
+									/* @__PURE__ */ Y(h, {
+										value: "medium",
+										children: "Medium"
+									}),
+									/* @__PURE__ */ Y(h, {
+										value: "high",
+										children: "High"
+									}),
+									/* @__PURE__ */ Y(h, {
+										value: "critical",
+										children: "Critical"
+									})
+								] })]
+							})]
+						})
+					}),
+					/* @__PURE__ */ Y(E.Field, {
+						name: "startDate",
+						children: (e) => /* @__PURE__ */ X("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ Y(o, { children: "Start Date" }), /* @__PURE__ */ Y(T, {
+								date: e.state.value,
+								setDate: (t) => e.handleChange(t),
+								mode: "date"
+							})]
+						})
+					}),
+					/* @__PURE__ */ Y(E.Field, {
+						name: "dueDate",
+						children: (e) => /* @__PURE__ */ X("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ Y(o, { children: "Due Date" }), /* @__PURE__ */ Y(T, {
+								date: e.state.value,
+								setDate: (t) => e.handleChange(t),
+								mode: "date"
+							})]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ Y(E.Field, {
+				name: "description",
+				children: (e) => /* @__PURE__ */ X("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ Y(o, { children: "Description" }), /* @__PURE__ */ Y(C, {
+						value: e.state.value || "",
+						onChange: (t) => e.handleChange(t.target.value),
+						className: "min-h-[150px]"
+					})]
+				})
+			}),
+			v.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, {
+					name: `customFieldValues.${e.id}`,
+					children: (t) => /* @__PURE__ */ X("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ Y(o, { children: e.name }),
+							e.type === "text" && /* @__PURE__ */ Y(n, {
+								value: t.state.value || "",
+								onChange: (e) => t.handleChange(e.target.value)
+							}),
+							e.type === "number" && /* @__PURE__ */ Y(n, {
+								type: "number",
+								value: t.state.value || "",
+								onChange: (e) => t.handleChange(Number(e.target.value))
+							}),
+							e.type === "date" && /* @__PURE__ */ Y(T, {
+								date: t.state.value,
+								setDate: (e) => t.handleChange(e),
+								mode: "date"
+							}),
+							e.type === "select" && /* @__PURE__ */ X(g, {
+								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, {
+									value: e,
+									children: e
+								}, e)) })]
+							}),
+							e.type === "checkbox" && /* @__PURE__ */ X("div", {
+								className: "flex items-center space-x-2",
+								children: [/* @__PURE__ */ Y(_, {
+									checked: !!t.state.value,
+									onCheckedChange: (e) => t.handleChange(!!e)
+								}), /* @__PURE__ */ Y("span", {
+									className: "text-sm font-medium",
+									children: e.name
+								})]
+							})
+						]
+					})
+				}, e.id))
+			}),
+			/* @__PURE__ */ X(Le, {
+				defaultValue: "subtasks",
+				className: "w-full",
+				children: [
+					/* @__PURE__ */ X(Re, {
+						className: "grid w-full grid-cols-5",
+						children: [
+							/* @__PURE__ */ Y(Q, {
+								value: "subtasks",
+								children: "Subtasks"
+							}),
+							/* @__PURE__ */ Y(Q, {
+								value: "checklists",
+								children: "Checklists"
+							}),
+							/* @__PURE__ */ Y(Q, {
+								value: "attachments",
+								children: "Attachments"
+							}),
+							/* @__PURE__ */ Y(Q, {
+								value: "comments",
+								children: "Comments"
+							}),
+							/* @__PURE__ */ Y(Q, {
+								value: "activity",
+								children: "Activity"
+							})
+						]
+					}),
+					/* @__PURE__ */ X($, {
+						value: "subtasks",
+						className: "space-y-4 pt-4",
+						children: [/* @__PURE__ */ Y(E.Field, {
+							name: "subtasks",
+							children: (e) => /* @__PURE__ */ X("div", {
+								className: "space-y-2",
+								children: [e.state.value?.map((e) => /* @__PURE__ */ X("div", {
+									className: "flex items-center gap-2 border p-3 rounded-md",
+									children: [
+										/* @__PURE__ */ Y(_, {
+											checked: e.isCompleted,
+											onCheckedChange: () => he(e.id)
+										}),
+										/* @__PURE__ */ Y("span", {
+											className: e.isCompleted ? "line-through text-muted-foreground flex-1" : "flex-1",
+											children: e.title
+										}),
+										/* @__PURE__ */ Y(t, {
+											variant: "ghost",
+											size: "icon",
+											onClick: () => ge(e.id),
+											children: /* @__PURE__ */ Y(_e, { className: "w-4 h-4" })
+										})
+									]
+								}, e.id)), (!e.state.value || e.state.value.length === 0) && /* @__PURE__ */ Y("div", {
+									className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg",
+									children: "No subtasks yet."
+								})]
+							})
+						}), /* @__PURE__ */ X("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ Y(n, {
+								value: q,
+								onChange: (e) => fe(e.target.value),
+								placeholder: "Add a subtask...",
+								onKeyDown: (e) => e.key === "Enter" && pe()
+							}), /* @__PURE__ */ Y(t, {
+								onClick: pe,
+								disabled: !q.trim(),
+								children: "Add"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ X($, {
+						value: "checklists",
+						className: "space-y-4 pt-4",
+						children: [/* @__PURE__ */ X("div", {
+							className: "flex justify-between items-center",
+							children: [/* @__PURE__ */ Y("h3", {
+								className: "font-medium",
+								children: "Checklists"
+							}), /* @__PURE__ */ X(t, {
+								size: "sm",
+								onClick: M,
+								variant: "outline",
+								children: [/* @__PURE__ */ Y(ue, { className: "w-4 h-4 mr-2" }), " Add Checklist"]
+							})]
+						}), /* @__PURE__ */ Y(E.Field, {
+							name: "checklists",
+							children: (e) => /* @__PURE__ */ X("div", {
+								className: "space-y-4",
+								children: [e.state.value?.map((e) => {
+									let r = e.items.length > 0 ? Math.round(e.items.filter((e) => e.isChecked).length / e.items.length * 100) : 0;
+									return /* @__PURE__ */ X("div", {
+										className: "border rounded-md p-4 space-y-3",
+										children: [
+											/* @__PURE__ */ X("div", {
+												className: "flex justify-between items-center",
+												children: [/* @__PURE__ */ Y("div", {
+													className: "font-medium",
+													children: e.title
+												}), /* @__PURE__ */ X("div", {
+													className: "text-xs text-muted-foreground",
+													children: [r, "%"]
+												})]
+											}),
+											/* @__PURE__ */ Y("div", {
+												className: "h-2 w-full bg-muted rounded-full overflow-hidden",
+												children: /* @__PURE__ */ Y("div", {
+													className: "h-full bg-primary transition-all",
+													style: { width: `${r}%` }
+												})
+											}),
+											/* @__PURE__ */ Y("div", {
+												className: "space-y-2",
+												children: e.items.map((t) => /* @__PURE__ */ X("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ Y(_, {
+														checked: t.isChecked,
+														onCheckedChange: () => ee(e.id, t.id)
+													}), /* @__PURE__ */ Y("span", {
+														className: t.isChecked ? "line-through text-muted-foreground" : "",
+														children: t.text
+													})]
+												}, t.id))
+											}),
+											/* @__PURE__ */ X("div", {
+												className: "pt-2 flex gap-2",
+												children: [/* @__PURE__ */ Y(n, {
+													placeholder: "Add an item...",
+													className: "h-8 text-sm",
+													value: k[e.id] || "",
+													onChange: (t) => P(e.id, t.target.value),
+													onKeyDown: (t) => t.key === "Enter" && I(e.id)
+												}), /* @__PURE__ */ Y(t, {
+													size: "sm",
+													onClick: () => I(e.id),
+													disabled: !k[e.id]?.trim(),
+													children: "Add"
+												})]
+											})
+										]
+									}, e.id);
+								}), (!e.state.value || e.state.value.length === 0) && /* @__PURE__ */ Y("div", {
+									className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg",
+									children: "No checklists yet."
+								})]
+							})
+						})]
+					}),
+					/* @__PURE__ */ X($, {
+						value: "attachments",
+						className: "space-y-4 pt-4",
+						children: [/* @__PURE__ */ X("div", {
+							className: "flex justify-between items-center",
+							children: [
+								/* @__PURE__ */ Y("h3", {
+									className: "font-medium",
+									children: "Attachments"
+								}),
+								/* @__PURE__ */ Y("input", {
+									type: "file",
+									className: "hidden",
+									ref: J,
+									onChange: Se
+								}),
+								/* @__PURE__ */ X("div", {
+									className: "flex items-center gap-2",
+									children: [be && /* @__PURE__ */ Y("span", {
+										className: "text-xs text-red-500",
+										children: be
+									}), /* @__PURE__ */ X(t, {
+										size: "sm",
+										variant: "outline",
+										onClick: () => J.current?.click(),
+										disabled: Z,
+										children: [Z ? /* @__PURE__ */ Y(ae, { className: "w-4 h-4 mr-2 animate-spin" }) : /* @__PURE__ */ Y(ce, { className: "w-4 h-4 mr-2" }), Z ? "Uploading..." : "Upload"]
+									})]
+								})
+							]
+						}), /* @__PURE__ */ Y(E.Field, {
+							name: "attachments",
+							children: (e) => /* @__PURE__ */ X("div", {
+								className: "grid grid-cols-2 gap-2",
+								children: [e.state.value?.map((e) => /* @__PURE__ */ X("div", {
+									className: "border p-2 rounded flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ Y("div", {
+											className: "w-10 h-10 bg-muted flex items-center justify-center rounded",
+											children: /* @__PURE__ */ Y(re, { className: "w-5 h-5 text-muted-foreground" })
+										}),
+										/* @__PURE__ */ X("div", {
+											className: "overflow-hidden",
+											children: [/* @__PURE__ */ Y("div", {
+												className: "truncate font-medium text-sm",
+												children: e.name
+											}), /* @__PURE__ */ Y("div", {
+												className: "text-xs text-muted-foreground",
+												children: e.type
+											})]
+										}),
+										/* @__PURE__ */ Y(t, {
+											variant: "ghost",
+											size: "icon",
+											className: "ml-auto",
+											onClick: () => Ce(e.id),
+											children: /* @__PURE__ */ Y(_e, { className: "w-4 h-4 text-muted-foreground" })
+										})
+									]
+								}, e.id)), (!e.state.value || e.state.value.length === 0) && !Z && /* @__PURE__ */ Y("div", {
+									className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg",
+									children: "No attachments yet."
+								})]
+							})
+						})]
+					}),
+					/* @__PURE__ */ X($, {
+						value: "comments",
+						className: "space-y-4 pt-4",
+						children: [/* @__PURE__ */ Y(E.Field, {
+							name: "comments",
+							children: (e) => /* @__PURE__ */ X("div", {
+								className: "space-y-4",
+								children: [e.state.value?.map((e) => /* @__PURE__ */ X("div", {
+									className: "flex gap-3",
+									children: [
+										/* @__PURE__ */ Y(a, {
+											className: "w-8 h-8",
+											children: /* @__PURE__ */ Y(r, { children: e.authorName[0] })
+										}),
+										/* @__PURE__ */ X("div", {
+											className: "space-y-1 w-full",
+											children: [
+												/* @__PURE__ */ X("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ Y("span", {
+														className: "font-semibold text-sm",
+														children: e.authorName
+													}), /* @__PURE__ */ Y("span", {
+														className: "text-xs text-muted-foreground",
+														children: new Date(e.createdAt).toLocaleString()
+													})]
+												}),
+												B === e.id ? /* @__PURE__ */ X("div", {
+													className: "flex flex-col gap-2",
+													children: [/* @__PURE__ */ Y(C, {
+														value: H,
+														onChange: (e) => U(e.target.value),
+														onKeyDown: (e) => {
+															e.key === "Enter" && (e.metaKey || e.ctrlKey) ? K() : e.key === "Escape" && oe();
+														},
+														autoFocus: !0
+													}), /* @__PURE__ */ X("div", {
+														className: "flex gap-2 justify-end",
+														children: [/* @__PURE__ */ Y(t, {
+															size: "sm",
+															variant: "ghost",
+															onClick: oe,
+															children: "Cancel"
+														}), /* @__PURE__ */ Y(t, {
+															size: "sm",
+															onClick: K,
+															children: "Save"
+														})]
+													})]
+												}) : /* @__PURE__ */ Y("div", {
+													className: "text-sm bg-muted/50 p-2 rounded-md",
+													children: e.text
+												}),
+												W === e.id && /* @__PURE__ */ X("div", {
+													className: "flex items-center gap-2 p-2 bg-red-50 text-red-800 rounded-md text-sm mt-2",
+													children: [
+														/* @__PURE__ */ Y(L, { className: "w-4 h-4" }),
+														/* @__PURE__ */ Y("span", {
+															className: "flex-1",
+															children: "Delete this comment?"
+														}),
+														/* @__PURE__ */ Y(t, {
+															size: "sm",
+															variant: "ghost",
+															className: "h-6 px-2 hover:bg-red-100 text-red-800",
+															onClick: le,
+															children: "No"
+														}),
+														/* @__PURE__ */ Y(t, {
+															size: "sm",
+															variant: "destructive",
+															className: "h-6 px-2",
+															onClick: () => de(e.id),
+															children: "Yes"
+														})
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ X("div", {
+											className: "flex flex-col gap-1",
+											children: [/* @__PURE__ */ Y(t, {
+												variant: "ghost",
+												size: "icon",
+												className: "h-6 w-6",
+												onClick: () => ie(e),
+												disabled: !!W,
+												children: /* @__PURE__ */ Y(te, { className: "w-3 h-3 text-muted-foreground" })
+											}), /* @__PURE__ */ Y(t, {
+												variant: "ghost",
+												size: "icon",
+												className: "h-6 w-6",
+												onClick: () => se(e.id),
+												disabled: !!W,
+												children: /* @__PURE__ */ Y(me, { className: "w-3 h-3 text-muted-foreground" })
+											})]
+										})
+									]
+								}, e.id)), (!e.state.value || e.state.value.length === 0) && /* @__PURE__ */ Y("div", {
+									className: "text-center py-8 text-muted-foreground",
+									children: "No comments yet."
+								})]
+							})
+						}), /* @__PURE__ */ Y("div", {
+							className: "pt-4 border-t sticky bottom-0 bg-background",
+							children: /* @__PURE__ */ X("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ Y(a, {
+									className: "w-8 h-8",
+									children: /* @__PURE__ */ Y(r, { children: b?.name?.[0] || "U" })
+								}), /* @__PURE__ */ X("div", {
+									className: "flex-1 space-y-2",
+									children: [/* @__PURE__ */ Y(C, {
+										value: R,
+										onChange: (e) => z(e.target.value),
+										placeholder: "Write a comment...",
+										rows: 2
+									}), /* @__PURE__ */ Y("div", {
+										className: "flex justify-end",
+										children: /* @__PURE__ */ Y(t, {
+											size: "sm",
+											onClick: ne,
+											disabled: !R.trim(),
+											children: "Send"
+										})
+									})]
+								})]
+							})
+						})]
+					}),
+					/* @__PURE__ */ Y($, {
+						value: "activity",
+						className: "space-y-4 pt-4",
+						children: /* @__PURE__ */ Y(E.Field, {
+							name: "activity",
+							children: (e) => /* @__PURE__ */ X("div", {
+								className: "space-y-4",
+								children: [e.state.value?.map((e) => /* @__PURE__ */ X("div", {
+									className: "flex gap-3 text-sm",
+									children: [/* @__PURE__ */ Y("div", {
+										className: "mt-1",
+										children: /* @__PURE__ */ Y(F, { className: "w-4 h-4 text-muted-foreground" })
+									}), /* @__PURE__ */ X("div", { children: [
+										/* @__PURE__ */ Y("span", {
+											className: "font-semibold",
+											children: e.userName
+										}),
+										" ",
+										/* @__PURE__ */ Y("span", {
+											className: "text-muted-foreground",
+											children: e.text
+										}),
+										/* @__PURE__ */ Y("div", {
+											className: "text-xs text-muted-foreground mt-1",
+											children: new Date(e.createdAt).toLocaleString()
+										})
+									] })]
+								}, e.id)), (!e.state.value || e.state.value.length === 0) && /* @__PURE__ */ Y("div", {
+									className: "text-center py-8 text-muted-foreground",
+									children: "No activity yet."
+								})]
+							})
+						})
+					})
+				]
+			})
+		]
+	});
+	return /* @__PURE__ */ X(y, {
+		isOpen: e,
+		onClose: i,
+		title: we ? "Edit Card" : "New Card",
+		className: "sm:max-w-[800px] h-[85vh] flex flex-col",
+		children: [/* @__PURE__ */ Y("div", {
+			className: "flex-1 overflow-y-auto pr-2",
+			children: Ee
+		}), /* @__PURE__ */ X("div", {
+			className: "flex justify-between pt-4 border-t mt-4",
+			children: [we && /* @__PURE__ */ Y(t, {
+				variant: "destructive",
+				onClick: O,
+				children: "Delete Card"
+			}), /* @__PURE__ */ X("div", {
+				className: "flex gap-2 ml-auto",
+				children: [/* @__PURE__ */ Y(t, {
+					variant: "outline",
+					onClick: i,
+					children: "Cancel"
+				}), /* @__PURE__ */ Y(t, {
+					onClick: (e) => Te(e),
+					children: "Save"
+				})]
+			})]
+		})]
+	});
+}, Be = {
+	Active: {
+		color: "emerald",
+		label: "Active",
+		icon: z
+	},
+	Verified: {
+		color: "emerald",
+		label: "Verified",
+		icon: z
+	},
+	Approved: {
+		color: "emerald",
+		label: "Approved",
+		icon: z
+	},
+	Published: {
+		color: "teal",
+		label: "Published",
+		icon: z
+	},
+	Resolved: {
+		color: "teal",
+		label: "Resolved",
+		icon: z
+	},
+	Completed: {
+		color: "indigo",
+		label: "Completed",
+		icon: z
+	},
+	"In Progress": {
+		color: "sky",
+		label: "In Progress",
+		icon: le
+	},
+	Open: {
+		color: "sky",
+		label: "Open",
+		icon: he
+	},
+	Pending: {
+		color: "amber",
+		label: "Pending",
+		icon: U
+	},
+	"Under Review": {
+		color: "amber",
+		label: "Under Review",
+		icon: W
+	},
+	Scheduled: {
+		color: "orange",
+		label: "Scheduled",
+		icon: U
+	},
+	Returned: {
+		color: "orange",
+		label: "Returned",
+		icon: de
+	},
+	Rejected: {
+		color: "red",
+		label: "Rejected",
+		icon: J
+	},
+	Disapproved: {
+		color: "red",
+		label: "Disapproved",
+		icon: J
+	},
+	Unresolved: {
+		color: "red",
+		label: "Unresolved",
+		icon: I
+	},
+	Expired: {
+		color: "red",
+		label: "Expired",
+		icon: pe
+	},
+	Cancelled: {
+		color: "rose",
+		label: "Cancelled",
+		icon: J
+	},
+	Unverified: {
+		color: "rose",
+		label: "Unverified",
+		icon: ne
+	},
+	Inactive: {
+		color: "slate",
+		label: "Inactive",
+		icon: J
+	},
+	"On Leave": {
+		color: "blue",
+		label: "On Leave",
+		icon: U
+	},
+	Archived: {
+		color: "gray",
+		label: "Archived",
+		icon: ee
+	},
+	Draft: {
+		color: "gray",
+		label: "Draft",
+		icon: W
+	},
+	Closed: {
+		color: "gray",
+		label: "Closed",
+		icon: K
+	},
+	Public: {
+		color: "blue",
+		label: "Public",
+		icon: G
+	},
+	Private: {
+		color: "slate",
+		label: "Private",
+		icon: K
+	},
+	Restricted: {
+		color: "amber",
+		label: "Restricted",
+		icon: fe
+	},
+	Internal: {
+		color: "indigo",
+		label: "Internal",
+		icon: ge
+	},
+	External: {
+		color: "blue",
+		label: "External",
+		icon: G
+	},
+	System: {
+		color: "violet",
+		label: "System",
+		icon: q
+	},
+	Default: {
+		color: "gray",
+		label: "Default",
+		icon: ne
+	}
+}, Ve = {
+	none: "none",
+	low: "0 0 10px -5px",
+	medium: "0 0 20px -8px",
+	high: "0 0 30px -4px"
+}, He = O(({ status: t, className: n, showDot: r = !1, showIcon: i = !1, iconPosition: a = "left", hideLabel: o = !1, showTooltip: s = !0, variant: c = "solid", customWidth: l, customHeight: u, customFontSize: d = "11px", customBgColor: f, customTextColor: p, showBorder: m = !1, borderThickness: h = "1px", customBorderColor: g, glowIntensity: _ = "medium" }) => {
+	let v = Be[t] || Be.Default, y = v.color, b = v.icon, x = y === "gray" || y === "slate";
+	return /* @__PURE__ */ X("div", {
+		style: {
+			width: l || void 0,
+			height: u || void 0,
+			fontSize: d,
+			backgroundColor: f || void 0,
+			color: p || void 0,
+			borderWidth: m ? h : "0px",
+			borderColor: g || (m ? "currentColor" : "transparent"),
+			borderStyle: m ? "solid" : "none",
+			boxShadow: _ !== "none" && !f ? `${Ve[_]} var(--tw-shadow-color)` : void 0
+		},
+		title: s ? v.label : void 0,
+		className: e("inline-flex items-center justify-center gap-2 transition-all duration-300 rounded-full font-bold", o ? "p-1.5 w-[28px] h-[28px]" : "px-3 py-1", !l && !o && "min-w-[120px]", !u && !o && "min-h-[28px]", !f && (c === "solid" ? `bg-${y}-100` : "bg-transparent"), !p && `text-${y}-950`, !f && `dark:bg-${y}-300`, !p && (x ? "dark:text-white dark:bg-gray-800" : "dark:text-black"), `shadow-${y}-500/40`, s && "cursor-help", n),
+		children: [
+			a === "left" && i && /* @__PURE__ */ Y(b, { className: e("shrink-0 stroke-[3px]", o ? "w-4 h-4" : "w-3.5 h-3.5") }),
+			r && !i && !o && /* @__PURE__ */ Y("span", { className: e("w-1.5 h-1.5 rounded-full flex-shrink-0", `bg-${y}-700`, x ? "dark:bg-white" : "dark:bg-black/70") }),
+			!o && /* @__PURE__ */ Y("span", {
+				className: "uppercase tracking-widest font-black leading-none",
+				children: v.label
+			}),
+			a === "right" && i && /* @__PURE__ */ Y(b, { className: e("shrink-0 stroke-[3px]", o ? "w-4 h-4" : "w-3.5 h-3.5") })
+		]
+	});
+});
+He.displayName = "StatusBadge";
+//#endregion
+//#region src/shared/utils/dateUtils.ts
+var Ue = {
+	formatDate: (e, t = "PP") => {
+		if (!e) return "";
+		let n = new Date(e);
+		return De(n) ? Ee(n, t) : "";
+	},
+	formatDateTime: (e, t = "PP p") => {
+		if (!e) return "";
+		let n = new Date(e);
+		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({
+		id: t.id,
+		data: {
+			type: "card",
+			card: t
+		}
+	}), T = s || C, E = {
+		transform: ke.Translate.toString(x),
+		transition: S
+	}, D = {
+		low: "Pending",
+		medium: "In Progress",
+		high: "Active",
+		critical: "Inactive"
+	}, O = t.checklists?.reduce((e, t) => e + t.items.length, 0) || 0, k = t.checklists?.reduce((e, t) => e + t.items.filter((e) => e.isChecked).length, 0) || 0, A = t.subtasks?.length || 0, j = t.subtasks?.filter((e) => e.isCompleted).length || 0, M = /* @__PURE__ */ X("div", {
+		className: "p-0 space-y-2",
+		children: [
+			t.coverImage && /* @__PURE__ */ Y("div", {
+				className: "h-32 w-full overflow-hidden rounded-t-lg",
+				children: /* @__PURE__ */ Y("img", {
+					src: t.coverImage,
+					alt: "Cover",
+					className: "w-full h-full object-cover"
+				})
+			}),
+			/* @__PURE__ */ X("div", {
+				className: e("p-3 space-y-2", t.coverImage ? "pt-1" : ""),
+				children: [
+					/* @__PURE__ */ X("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ Y("h4", {
+							className: "font-medium text-sm line-clamp-2 flex-1",
+							children: t.title
+						}), t.priority && /* @__PURE__ */ Y(He, {
+							status: D[t.priority] || "Pending",
+							className: "shrink-0"
+						})]
+					}),
+					t.description && /* @__PURE__ */ Y("p", {
+						className: "text-xs text-muted-foreground line-clamp-2",
+						children: t.description
+					}),
+					t.tags && t.tags.length > 0 && /* @__PURE__ */ Y("div", {
+						className: "flex flex-wrap gap-1",
+						children: t.tags.map((e) => /* @__PURE__ */ Y(Fe, {
+							variant: "secondary",
+							className: "text-xs px-2 py-0",
+							style: {
+								backgroundColor: e.color,
+								color: "#fff"
+							},
+							children: e.name
+						}, e.id))
+					}),
+					(O > 0 || t.attachments && t.attachments.length > 0 || t.comments && t.comments.length > 0 || A > 0 || t.timeTracking) && /* @__PURE__ */ X("div", {
+						className: "flex items-center gap-3 text-muted-foreground pt-1 flex-wrap",
+						children: [
+							t.attachments && t.attachments.length > 0 && /* @__PURE__ */ X("div", {
+								className: "flex items-center gap-1 text-xs",
+								children: [/* @__PURE__ */ Y(ce, { className: "w-3 h-3" }), /* @__PURE__ */ Y("span", { children: t.attachments.length })]
+							}),
+							t.comments && t.comments.length > 0 && /* @__PURE__ */ X("div", {
+								className: "flex items-center gap-1 text-xs",
+								children: [/* @__PURE__ */ Y(oe, { className: "w-3 h-3" }), /* @__PURE__ */ Y("span", { children: t.comments.length })]
+							}),
+							O > 0 && /* @__PURE__ */ X("div", {
+								className: "flex items-center gap-1 text-xs",
+								children: [/* @__PURE__ */ Y(B, { className: "w-3 h-3" }), /* @__PURE__ */ X("span", { children: [
+									k,
+									"/",
+									O
+								] })]
+							}),
+							A > 0 && /* @__PURE__ */ X("div", {
+								className: "flex items-center gap-1 text-xs",
+								children: [/* @__PURE__ */ Y(ie, { className: "w-3 h-3" }), /* @__PURE__ */ X("span", { children: [
+									j,
+									"/",
+									A
+								] })]
+							}),
+							t.timeTracking && (t.timeTracking.estimated > 0 || t.timeTracking.actual > 0) && /* @__PURE__ */ X("div", {
+								className: "flex items-center gap-1 text-xs",
+								title: `Estimated: ${t.timeTracking.estimated}h, Actual: ${t.timeTracking.actual}h`,
+								children: [/* @__PURE__ */ Y(U, { className: "w-3 h-3" }), /* @__PURE__ */ X("span", { children: [
+									t.timeTracking.actual,
+									"h / ",
+									t.timeTracking.estimated,
+									"h"
+								] })]
+							})
+						]
+					}),
+					/* @__PURE__ */ X("div", {
+						className: "flex items-center justify-between pt-1",
+						children: [t.assignees && t.assignees.length > 0 && /* @__PURE__ */ X("div", {
+							className: "flex -space-x-2",
+							children: [t.assignees.slice(0, 3).map((e) => /* @__PURE__ */ Y(a, {
+								className: "w-6 h-6 border-2 border-background",
+								children: e.avatarUrl ? /* @__PURE__ */ Y(i, {
+									src: e.avatarUrl,
+									alt: e.name
+								}) : /* @__PURE__ */ Y(r, {
+									className: "text-xs",
+									children: e.name.substring(0, 2).toUpperCase()
+								})
+							}, e.id)), t.assignees.length > 3 && /* @__PURE__ */ Y("div", {
+								className: "w-6 h-6 rounded-full bg-muted border-2 border-background flex items-center justify-center",
+								children: /* @__PURE__ */ X("span", {
+									className: "text-xs",
+									children: ["+", t.assignees.length - 3]
+								})
+							})]
+						}), t.dueDate && /* @__PURE__ */ X("div", {
+							className: e("flex items-center gap-1 text-xs text-muted-foreground", g ? "mr-auto" : "ml-auto"),
+							children: [/* @__PURE__ */ Y(R, { className: "w-3 h-3" }), /* @__PURE__ */ Y("span", { children: Ue.formatDate(t.dueDate) })]
+						})]
+					})
+				]
+			}),
+			d && d.length > 0 && t.customFieldValues && /* @__PURE__ */ Y("div", {
+				className: "px-3 pb-3 gap-1 flex flex-wrap",
+				children: d.map((e) => {
+					let n = t.customFieldValues?.[e.id];
+					return n == null || n === "" ? null : /* @__PURE__ */ X("div", {
+						className: "text-xs bg-muted px-1.5 py-0.5 rounded flex items-center gap-1 max-w-full truncate",
+						children: [/* @__PURE__ */ X("span", {
+							className: "text-muted-foreground opacity-70",
+							children: [e.name, ":"]
+						}), /* @__PURE__ */ Y("span", {
+							className: "font-medium truncate",
+							children: e.type === "date" ? Ue.formatDate(n) : String(n)
+						})]
+					}, e.id);
+				})
+			})
+		]
+	}), N = f?.cardContent, P = N ? /* @__PURE__ */ Y(N, {
+		card: t,
+		...p?.cardContent
+	}) : M, F = /* @__PURE__ */ Y(w, {
+		ref: b,
+		style: E,
+		..._,
+		...y,
+		onClick: () => n?.(t),
+		onDoubleClick: () => o?.(t),
+		id: t.id,
+		"data-card-id": t.id,
+		className: e("cursor-pointer transition-all hover:shadow-md overflow-hidden", T && "opacity-50 ring-2 ring-primary/50", c && "ring-2 ring-primary bg-primary/5 transition-colors duration-300", m),
+		children: P
+	}), I = f?.card;
+	return I ? /* @__PURE__ */ Y(I, {
+		card: t,
+		defaultContent: F,
+		...p?.card
+	}) : /* @__PURE__ */ Y(v, {
+		enabled: l,
+		content: u ? u(t) : null,
+		children: F
+	});
+};
+We.displayName = "KanbanCard";
+var Ge = O(We), Ke = ({ cards: e, estimateSize: t = 120, overscan: n = 5 }) => {
+	let r = M(null), i = we({
+		count: e.length,
+		getScrollElement: () => r.current,
+		estimateSize: () => t,
+		overscan: n
+	});
+	return {
+		parentRef: r,
+		virtualizer: i,
+		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);
+	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);
+	}, 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({
+		id: n.id,
+		data: {
+			type: "column",
+			column: n
+		}
+	});
+	return /* @__PURE__ */ X(w, {
+		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: "pb-3",
+			onDoubleClick: () => N(!0),
+			children: [/* @__PURE__ */ X("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ X("div", {
+					className: "flex items-center gap-2 flex-1",
+					children: [
+						/* @__PURE__ */ Y("div", {
+							...te,
+							...W,
+							className: "cursor-grab active:cursor-grabbing p-1 hover:bg-muted rounded text-muted-foreground/50 hover:text-primary transition-colors",
+							children: /* @__PURE__ */ Y(se, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ Y(t, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-6 w-6 p-0",
+							onClick: () => f?.(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", {
+							className: "flex items-center gap-2 flex-1 min-w-0",
+							children: [M ? /* @__PURE__ */ Y("input", {
+								ref: L,
+								value: F,
+								onChange: (e) => I(e.target.value),
+								onBlur: ee,
+								onKeyDown: R,
+								className: "h-6 w-full text-sm font-semibold border rounded px-1 bg-background",
+								onClick: (e) => e.stopPropagation()
+							}) : /* @__PURE__ */ Y("h3", {
+								className: "font-semibold text-sm truncate",
+								title: n.name,
+								children: n.name
+							}), /* @__PURE__ */ X("span", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									r.length,
+									" ",
+									j("items")
+								]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ X("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ X(u, { children: [/* @__PURE__ */ Y(c, {
+						asChild: !0,
+						children: /* @__PURE__ */ Y(t, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-6 w-6 p-0",
+							children: /* @__PURE__ */ Y(se, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ Y(l, {
+						align: "end",
+						children: /* @__PURE__ */ X(s, {
+							className: "text-red-600 focus:text-red-600 focus:bg-red-50",
+							onClick: () => p?.(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),
+						children: /* @__PURE__ */ Y(ue, { className: "h-4 w-4" })
+					})]
+				})]
+			}), n.wipLimit && /* @__PURE__ */ Y("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ Y("div", {
+					className: "h-1 w-full bg-muted rounded-full overflow-hidden",
+					children: /* @__PURE__ */ Y("div", {
+						className: e("h-full transition-all", z ? "bg-red-500" : B ? "bg-yellow-500" : "bg-green-500"),
+						style: { width: `${Math.min(r.length / n.wipLimit * 100, 100)}%` }
+					})
+				})
+			})]
+		}), !n.isCollapsed && (() => {
+			let t = r.sort((e, t) => e.position - t.position);
+			if (t.length > 50) {
+				let { parentRef: e, virtualItems: n, totalSize: r } = Ke({
+					cards: t,
+					estimateSize: 120,
+					overscan: 5
+				});
+				return /* @__PURE__ */ X(S, {
+					ref: e,
+					className: "flex-1 overflow-y-auto max-h-[calc(100vh-200px)]",
+					children: [/* @__PURE__ */ Y("div", {
+						style: {
+							height: `${r}px`,
+							position: "relative"
+						},
+						children: n.map((e) => {
+							let n = t[e.index];
+							return /* @__PURE__ */ Y("div", {
+								style: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									width: "100%",
+									transform: `translateY(${e.start}px)`,
+									paddingBottom: "8px"
+								},
+								children: /* @__PURE__ */ Y("div", {
+									style: {
+										position: "absolute",
+										top: 0,
+										left: 0,
+										width: "100%",
+										transform: `translateY(${e.start}px)`,
+										paddingBottom: "8px"
+									},
+									children: /* @__PURE__ */ Y(P, {
+										card: n,
+										onClick: i,
+										onDoubleClick: a,
+										onDragStart: o,
+										isDragging: _ === n.id,
+										isHighlighted: v === n.id,
+										customFields: C,
+										dir: E,
+										...k?.card
+									})
+								}, n.id)
+							}, n.id);
+						})
+					}), t.length === 0 && /* @__PURE__ */ Y("div", {
+						className: "text-center py-8 text-sm text-muted-foreground",
+						children: j("no_cards")
+					})]
+				});
+			}
+			return /* @__PURE__ */ X(S, {
+				className: "flex-1 overflow-y-auto max-h-[calc(100vh-200px)] space-y-2",
+				children: [/* @__PURE__ */ Y(Ae, {
+					items: r.map((e) => e.id),
+					strategy: Ne,
+					children: t.map((e) => /* @__PURE__ */ Y(P, {
+						card: e,
+						onClick: i,
+						onDoubleClick: a,
+						onDragStart: o,
+						isDragging: _ === e.id,
+						isHighlighted: v === e.id,
+						customFields: C,
+						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")
+				})]
+			});
+		})()]
+	});
+}, Je = ({ swimlaneId: t, columnId: n, children: r, className: i }) => {
+	let { isOver: a, setNodeRef: o } = xe({
+		id: `swimlane-cell-${t}-${n}`,
+		data: {
+			type: "swimlane-cell",
+			swimlaneId: t,
+			columnId: n
+		}
+	});
+	return /* @__PURE__ */ Y("div", {
+		ref: o,
+		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;
+	return /* @__PURE__ */ X("div", {
+		className: e("flex flex-col border rounded-lg bg-card text-card-foreground shadow-sm mb-4", p),
+		children: [/* @__PURE__ */ X("div", {
+			className: "flex items-center gap-2 p-3 border-b bg-muted/30",
+			children: [
+				/* @__PURE__ */ Y(t, {
+					variant: "ghost",
+					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" })
+				}),
+				/* @__PURE__ */ Y("h3", {
+					className: "font-semibold text-sm",
+					children: n.name
+				}),
+				/* @__PURE__ */ X("span", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						"(",
+						i.length,
+						" ",
+						v("items"),
+						")"
+					]
+				})
+			]
+		}), !n.isCollapsed && /* @__PURE__ */ Y("div", {
+			className: e("flex divide-x", _ && "divide-x-reverse"),
+			children: r.map((e) => {
+				let t = i.filter((t) => t.columnId === e.id);
+				return /* @__PURE__ */ Y(Je, {
+					swimlaneId: n.id,
+					columnId: e.id,
+					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, {
+							card: e,
+							onClick: a,
+							onDoubleClick: o,
+							onDragStart: s,
+							onDragEnd: c,
+							isDragging: u === e.id,
+							isHighlighted: d === e.id,
+							customFields: f,
+							dir: m,
+							...g?.card
+						}, e.id))
+					})
+				}, e.id);
+			})
+		})]
+	});
+}, Xe = (e, t) => t.find((t) => t.id === e.columnId)?.color || "hsl(var(--primary))", Ze = ({ cards: e, columns: t, swimlanes: n, onCardUpdate: r, onCardClick: i, onCardCreate: a, className: o, dir: s }) => {
+	let c = j(() => {
+		let r = [];
+		return n && n.length > 0 ? (r = n.sort((e, t) => e.position - t.position).map((e) => ({
+			id: e.id,
+			name: e.name,
+			color: e.color
+		})), e.some((e) => !e.swimlaneId) && r.push({
+			id: "uncategorized",
+			name: "Uncategorized",
+			color: "hsl(var(--muted-foreground))"
+		}), r) : t.sort((e, t) => e.position - t.position).map((e) => ({
+			id: e.id,
+			name: e.name,
+			color: e.color
+		}));
+	}, [
+		n,
+		t,
+		e
+	]), l = j(() => e.map((e) => {
+		let r = n && n.length > 0 ? e.swimlaneId || "uncategorized" : e.columnId || "uncategorized", i = e.startDate ? new Date(e.startDate) : e.dueDate ? Oe(new Date(e.dueDate)) : Oe(/* @__PURE__ */ new Date()), a = e.dueDate ? new Date(e.dueDate) : Te(i, 1), o = t.find((t) => t.id === e.columnId);
+		return {
+			id: e.id,
+			title: e.title,
+			start: i,
+			end: a,
+			resourceId: r || "uncategorized",
+			description: e.description,
+			color: Xe(e, t),
+			status: o?.name,
+			originalCard: e
+		};
+	}), [
+		e,
+		n,
+		t
+	]), u = k((e) => {
+		let i = e.originalCard;
+		if (!i) return;
+		let a = {
+			...i,
+			startDate: e.start,
+			dueDate: e.end,
+			...n && n.length > 0 ? { swimlaneId: e.resourceId } : { columnId: e.resourceId || i.columnId || t[0]?.id || "" }
+		};
+		r?.(a, "move");
+	}, [
+		r,
+		n,
+		t
+	]), f = k((e) => {
+		let r = n && n.length > 0, i = {
+			title: e.title || "New Card",
+			startDate: e.start,
+			dueDate: e.end,
+			columnId: !r && e.resourceId ? e.resourceId : t[0]?.id || "",
+			swimlaneId: r && e.resourceId ? e.resourceId : void 0,
+			description: e.description || "",
+			priority: "medium"
+		};
+		a?.(i);
+	}, [
+		n,
+		t,
+		a
+	]), p = k((e) => {
+		let t = e.originalCard;
+		t && i?.(t);
+	}, [i]);
+	return /* @__PURE__ */ Y("div", {
+		className: o,
+		style: {
+			height: "100%",
+			minHeight: "600px"
+		},
+		children: /* @__PURE__ */ Y(d, {
+			events: l,
+			resources: c,
+			selectedDate: /* @__PURE__ */ new Date(),
+			view: "TimelineMonth",
+			views: ["TimelineWeek", "TimelineMonth"],
+			onEventChange: u,
+			onEventCreate: f,
+			onEventClick: p,
+			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);
+	return C === "timeline" ? /* @__PURE__ */ Y(Ze, {
+		cards: T,
+		columns: n.columns,
+		swimlanes: n.swimlanes,
+		onCardUpdate: s ? async (e, t) => {
+			t === "move" && s(e.columnId, e.swimlaneId);
+		} : void 0,
+		onCardClick: r,
+		onCardCreate: h,
+		className: S,
+		dir: w
+	}) : /* @__PURE__ */ X(Z, {
+		sensors: Ce(Se(be, { activationConstraint: { distance: 5 } })),
+		onDragStart: (e) => {
+			let { active: t } = e;
+			t.data.current?.type === "card" && (O(t.data.current.card), a?.(t.data.current.card));
+		},
+		onDragOver: (e) => {
+			let { over: t } = e;
+			if (!t) {
+				A(null);
+				return;
+			}
+			t.data.current?.type === "column" ? A(t.data.current.column.id) : t.data.current?.type === "card" ? A(t.data.current.card.columnId) : t.data.current?.type === "swimlane-cell" ? A(t.data.current.columnId) : A(null);
+		},
+		onDragEnd: (e) => {
+			let { active: t, over: r } = e;
+			if (O(null), A(null), !r) {
+				o?.();
+				return;
+			}
+			if (t.data.current?.type === "card") {
+				let e, t, i;
+				if (r.data.current?.type === "column") e = r.data.current.column.id, t = void 0;
+				else if (r.data.current?.type === "swimlane-cell") e = r.data.current.columnId, i = r.data.current.swimlaneId;
+				else if (r.data.current?.type === "card") {
+					let a = r.data.current.card;
+					e = a.columnId, i = a.swimlaneId;
+					let o = n.cards.filter((t) => t.columnId === e);
+					i && (o = o.filter((e) => e.swimlaneId === i)), o.sort((e, t) => (e.position ?? 0) - (t.position ?? 0));
+					let s = o.findIndex((e) => e.id === a.id);
+					t = s >= 0 ? s : void 0;
+				}
+				e ? s?.(e, i, t) : o?.();
+			} else t.data.current?.type === "column" && r.data.current?.type, o?.();
+		},
+		children: [C === "swimlane" ? !n.swimlanes || n.swimlanes.length === 0 ? null : /* @__PURE__ */ Y("div", {
+			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) => {
+					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),
+						cards: t,
+						onCardClick: r,
+						onCardDoubleClick: i,
+						onCardDragStart: a,
+						onCardDragEnd: o,
+						onDrop: s,
+						onToggleCollapse: u,
+						draggedCardId: _,
+						customFields: n.customFields,
+						slots: y,
+						slotProps: b,
+						dir: w
+					}, e.id);
+				}), T.some((e) => !e.swimlaneId) && /* @__PURE__ */ Y(Ye, {
+					swimlane: {
+						id: "uncategorized",
+						name: E("uncategorized"),
+						type: "custom",
+						position: 9999,
+						isCollapsed: !1
+					},
+					columns: n.columns.sort((e, t) => e.position - t.position),
+					cards: T.filter((e) => !e.swimlaneId),
+					onCardClick: r,
+					onCardDoubleClick: i,
+					onCardDragStart: a,
+					onCardDragEnd: o,
+					onDrop: s,
+					onToggleCollapse: () => {},
+					draggedCardId: _,
+					customFields: n.customFields,
+					slots: y,
+					slotProps: b,
+					dir: w
+				})]
+			})
+		}) : /* @__PURE__ */ X("div", {
+			className: e("flex gap-4 overflow-x-auto p-4", S),
+			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, {
+					column: e,
+					cards: T.filter((t) => t.columnId === e.id),
+					onCardClick: r,
+					onCardDoubleClick: i,
+					onCardDragStart: a,
+					onCardDragEnd: o,
+					onDrop: s,
+					onAddCard: c,
+					onToggleCollapse: l,
+					onDeleteColumn: f,
+					onUpdateColumn: p,
+					onColumnClick: m,
+					selectedColumnId: g,
+					draggedCardId: _,
+					isDropTarget: k === e.id,
+					customFields: n.customFields,
+					slots: y,
+					slotProps: b,
+					dir: w
+				}, e.id))
+			}), d && /* @__PURE__ */ Y("div", {
+				className: "w-80 shrink-0",
+				children: /* @__PURE__ */ X(t, {
+					variant: "outline",
+					className: "w-full h-12 border-dashed",
+					onClick: d,
+					children: [/* @__PURE__ */ Y(ue, { className: "me-2 h-4 w-4" }), E("add_column") || "Add Column"]
+				})
+			})]
+		}), /* @__PURE__ */ Y(ye, {
+			dropAnimation: {
+				duration: 200,
+				easing: "ease"
+			},
+			children: D ? /* @__PURE__ */ Y("div", {
+				className: "rotate-2 opacity-90 shadow-2xl ring-2 ring-primary/60 rounded-lg pointer-events-none w-72",
+				children: /* @__PURE__ */ X("div", {
+					className: "bg-card border border-border rounded-lg p-3 space-y-1",
+					children: [/* @__PURE__ */ Y("p", {
+						className: "font-medium text-sm",
+						children: D.title
+					}), D.description && /* @__PURE__ */ Y("p", {
+						className: "text-xs text-muted-foreground line-clamp-2",
+						children: D.description
+					})]
+				})
+			}) : null
+		})]
+	});
+};
+//#endregion
+export { Ge as a, Le as c, Q as d, Fe as f, qe as i, $ as l, Ze as n, He as o, Pe as p, Ye as r, ze as s, Qe as t, Re as u };