ezux 1.1.13 → 1.1.18

package/dist/EzKanban-BlJWybKe.js

@@ -0,0 +1,1575 @@
+import { _ as e, n as t } from "./EzProvider-AlmsYIDk.js";
+import { t as n } from "./button-CYyNwV8S.js";
+import { t as r } from "./input-Cj3sQK3M.js";
+import { t as i } from "./label-DWEV--5W.js";
+import { t as a } from "./EzErrorBoundary-C7a6VisX.js";
+import { t as o } from "./useInitCoreServices-CuBrviDM.js";
+import { t as s } from "./NotificationPanel-BzpDc10Q.js";
+import { i as c } from "./EzScheduler-C1Jtvvju.js";
+import { t as l } from "./useServiceState-CkrJZm1D.js";
+import { n as u, r as d, t as f } from "./popover-D1akYj0W.js";
+import { a as p, i as m, n as h, r as g, t as _ } from "./select-D4tFaSai.js";
+import { t as v } from "./checkbox-DRkQuB4W.js";
+import { c as y } from "./card-ZUNxcdIM.js";
+import { f as b, s as x, t as S } from "./KanbanBoard-B7_Z5sh1.js";
+import { t as C } from "./scroll-area-BJs87d45.js";
+import { t as w } from "./DeleteConfirmationModal-p8XGDGIw.js";
+import { forwardRef as T, useCallback as E, useEffect as D, useImperativeHandle as O, useMemo as k, useRef as A, useState as j } from "react";
+import { AlertTriangle as M, Download as N, Filter as P, Layers as F, Layout as I, Plus as L, Redo2 as R, Search as z, Undo2 as B } from "lucide-react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { Store as W } from "@tanstack/store";
+import { useStore as G } from "@tanstack/react-store";
+import { QueryClient as ee, QueryClientProvider as te, useMutation as K, useQueryClient as q } from "@tanstack/react-query";
+//#region src/components/EzKanban/components/EzKanbanErrorFallback.tsx
+var J = () => /* @__PURE__ */ H("div", {
+	className: "flex flex-col items-center justify-center h-full p-8",
+	children: /* @__PURE__ */ U("div", {
+		className: "flex flex-col items-center gap-4 max-w-md",
+		children: [
+			/* @__PURE__ */ H("div", {
+				className: "flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10",
+				children: /* @__PURE__ */ H(M, { className: "w-8 h-8 text-destructive" })
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "flex flex-col items-center gap-2 text-center",
+				children: [/* @__PURE__ */ H("h2", {
+					className: "text-lg font-semibold",
+					children: "Kanban Board Error"
+				}), /* @__PURE__ */ H("p", {
+					className: "text-sm text-muted-foreground",
+					children: "An error occurred while rendering the Kanban board. Please refresh the page or contact support if the issue persists."
+				})]
+			}),
+			/* @__PURE__ */ H(n, {
+				onClick: () => window.location.reload(),
+				children: "Reload Board"
+			})
+		]
+	})
+}), Y = (e, t = "standard") => new W({
+	board: e,
+	selectedCards: [],
+	selectedColumnId: null,
+	view: t,
+	searchQuery: "",
+	activeFilters: {},
+	history: [e],
+	historyIndex: 0
+}), X = (e) => ({
+	setBoard: (t) => {
+		e.setState((e) => {
+			let n = [...e.history.slice(0, e.historyIndex + 1), t];
+			return {
+				...e,
+				board: t,
+				history: n,
+				historyIndex: n.length - 1
+			};
+		});
+	},
+	addCard: (t) => {
+		e.setState((e) => {
+			let n = {
+				...e.board,
+				cards: [...e.board.cards, t]
+			}, r = [...e.history.slice(0, e.historyIndex + 1), n];
+			return {
+				...e,
+				board: n,
+				history: r,
+				historyIndex: r.length - 1
+			};
+		});
+	},
+	updateCard: (t, n) => {
+		e.setState((e) => {
+			let r = {
+				...e.board,
+				cards: e.board.cards.map((e) => e.id === t ? {
+					...e,
+					...n
+				} : e)
+			}, i = [...e.history.slice(0, e.historyIndex + 1), r];
+			return {
+				...e,
+				board: r,
+				history: i,
+				historyIndex: i.length - 1
+			};
+		});
+	},
+	deleteCard: (t) => {
+		e.setState((e) => {
+			let n = {
+				...e.board,
+				cards: e.board.cards.filter((e) => e.id !== t)
+			}, r = [...e.history.slice(0, e.historyIndex + 1), n];
+			return {
+				...e,
+				board: n,
+				history: r,
+				historyIndex: r.length - 1
+			};
+		});
+	},
+	moveCard: (t, n) => {
+		e.setState((e) => {
+			let r = {
+				...e.board,
+				cards: e.board.cards.map((e) => e.id === t ? {
+					...e,
+					columnId: n
+				} : e)
+			}, i = [...e.history.slice(0, e.historyIndex + 1), r];
+			return {
+				...e,
+				board: r,
+				history: i,
+				historyIndex: i.length - 1
+			};
+		});
+	},
+	addColumn: (t) => {
+		e.setState((e) => {
+			let n = {
+				...e.board,
+				columns: [...e.board.columns, t]
+			}, r = [...e.history.slice(0, e.historyIndex + 1), n];
+			return {
+				...e,
+				board: n,
+				history: r,
+				historyIndex: r.length - 1
+			};
+		});
+	},
+	updateColumn: (t, n) => {
+		e.setState((e) => {
+			let r = {
+				...e.board,
+				columns: e.board.columns.map((e) => e.id === t ? {
+					...e,
+					...n
+				} : e)
+			}, i = [...e.history.slice(0, e.historyIndex + 1), r];
+			return {
+				...e,
+				board: r,
+				history: i,
+				historyIndex: i.length - 1
+			};
+		});
+	},
+	deleteColumn: (t) => {
+		e.setState((e) => {
+			let n = {
+				...e.board,
+				columns: e.board.columns.filter((e) => e.id !== t),
+				cards: e.board.cards.filter((e) => e.columnId !== t)
+			}, r = [...e.history.slice(0, e.historyIndex + 1), n];
+			return {
+				...e,
+				board: n,
+				history: r,
+				historyIndex: r.length - 1
+			};
+		});
+	},
+	setSelectedCards: (t) => {
+		e.setState((e) => ({
+			...e,
+			selectedCards: t
+		}));
+	},
+	setSelectedColumnId: (t) => {
+		e.setState((e) => ({
+			...e,
+			selectedColumnId: t
+		}));
+	},
+	setView: (t) => {
+		e.setState((e) => ({
+			...e,
+			view: t
+		}));
+	},
+	setSearchQuery: (t) => {
+		e.setState((e) => ({
+			...e,
+			searchQuery: t
+		}));
+	},
+	setActiveFilters: (t) => {
+		e.setState((e) => ({
+			...e,
+			activeFilters: t
+		}));
+	},
+	undo: () => {
+		e.setState((e) => e.historyIndex > 0 ? {
+			...e,
+			board: e.history[e.historyIndex - 1],
+			historyIndex: e.historyIndex - 1
+		} : e);
+	},
+	redo: () => {
+		e.setState((e) => e.historyIndex < e.history.length - 1 ? {
+			...e,
+			board: e.history[e.historyIndex + 1],
+			historyIndex: e.historyIndex + 1
+		} : e);
+	},
+	canUndo: () => e.state.historyIndex > 0,
+	canRedo: () => e.state.historyIndex < e.state.history.length - 1
+}), Z = {
+	id: "default-board",
+	name: "Default Board",
+	columns: [],
+	cards: [],
+	settings: {
+		allowDragAndDrop: !0,
+		allowMultiSelect: !0,
+		enableWipLimits: !1,
+		defaultView: "standard"
+	},
+	createdAt: /* @__PURE__ */ new Date(),
+	updatedAt: /* @__PURE__ */ new Date()
+}, ne = (e) => {
+	let t = e.board || Z, n = t.id, r = k(() => Y(t, e.view), [n, e.view]), i = k(() => X(r), [r]), a = G(r, (e) => e.board), o = G(r, (e) => e.selectedCards), s = G(r, (e) => e.selectedColumnId), c = G(r, (e) => e.view), l = G(r, (e) => e.searchQuery), u = G(r, (e) => e.activeFilters), d = A(e.board ? JSON.stringify(e.board) : ""), f = A(e.view);
+	return D(() => {
+		if (!e.board) return;
+		let t = JSON.stringify(e.board);
+		t !== d.current && (d.current = t, i.setBoard(e.board)), e.view && e.view !== f.current && (f.current = e.view, i.setView(e.view));
+	}, [
+		e.board,
+		e.view,
+		i
+	]), {
+		board: a,
+		selectedCards: o,
+		selectedColumnId: s,
+		view: c,
+		searchQuery: l,
+		activeFilters: u,
+		setBoard: i.setBoard,
+		setSelectedCards: i.setSelectedCards,
+		setSelectedColumnId: i.setSelectedColumnId,
+		setView: i.setView,
+		setSearchQuery: i.setSearchQuery,
+		setActiveFilters: i.setActiveFilters,
+		addCard: i.addCard,
+		updateCard: i.updateCard,
+		deleteCard: i.deleteCard,
+		moveCard: i.moveCard,
+		addColumn: i.addColumn,
+		updateColumn: i.updateColumn,
+		deleteColumn: i.deleteColumn,
+		undo: i.undo,
+		redo: i.redo,
+		canUndo: i.canUndo(),
+		canRedo: i.canRedo(),
+		store: r,
+		actions: i
+	};
+}, re = (e, n) => {
+	let r = t(), i = q(), a = () => r.get("KanbanService"), o = (e, t, n = 3e3) => {
+		let i = r.get("NotificationService");
+		i && i.add({
+			type: e,
+			message: t,
+			duration: n
+		});
+	}, s = (t) => {
+		i.setQueryData(["board", n.id], t), e.onBoardChange?.(t);
+	}, c = K({
+		mutationFn: async (t) => {
+			let r = a();
+			return r ? await r.createCard(n.id, t) : await e.onCardCreate?.(t), t;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				cards: [...n.cards, e]
+			}), { previousBoard: t };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to create card. Please try again.", 5e3);
+		},
+		onSuccess: (e) => {
+			o("success", `Card "${e.title}" created successfully`);
+		}
+	}), l = E(async (e) => {
+		let t = {
+			id: `card-${Date.now()}`,
+			type: e.type || "standard",
+			title: e.title || "New Card",
+			description: e.description,
+			columnId: e.columnId || n.columns[0]?.id || "",
+			position: e.position ?? n.cards.filter((t) => t.columnId === e.columnId).length,
+			assignees: e.assignees || [],
+			tags: e.tags || [],
+			priority: e.priority,
+			metadata: e.metadata || {},
+			createdBy: "current-user",
+			createdAt: /* @__PURE__ */ new Date(),
+			updatedBy: "current-user",
+			updatedAt: /* @__PURE__ */ new Date(),
+			...e
+		};
+		return c.mutateAsync(t);
+	}, [n, c]), u = K({
+		mutationFn: async ({ cardId: t, updates: r }) => {
+			let i = a();
+			if (i) await i.updateCard(t, r);
+			else {
+				let i = n.cards.find((e) => e.id === t);
+				i && await e.onCardUpdate?.({
+					...i,
+					...r
+				}, "edit");
+			}
+			return {
+				cardId: t,
+				updates: r
+			};
+		},
+		onMutate: async ({ cardId: e, updates: t }) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let r = i.getQueryData(["board", n.id]), a = n.cards.map((n) => n.id === e ? {
+				...n,
+				...t,
+				updatedAt: /* @__PURE__ */ new Date()
+			} : n);
+			return s({
+				...n,
+				cards: a
+			}), { previousBoard: r };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to update card", 5e3);
+		},
+		onSuccess: () => {
+			o("success", "Card updated successfully", 2e3);
+		}
+	}), d = E(async (e, t) => u.mutateAsync({
+		cardId: e,
+		updates: t
+	}), [u]), f = K({
+		mutationFn: async (t) => {
+			let n = a();
+			return n ? await n.deleteCard(t) : await e.onCardDelete?.(t), t;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				cards: n.cards.filter((t) => t.id !== e)
+			}), {
+				previousBoard: t,
+				deletedCardTitle: t?.cards.find((t) => t.id === e)?.title
+			};
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to delete card", 5e3);
+		},
+		onSuccess: (e, t, n) => {
+			o("success", `Card "${n?.deletedCardTitle || "Card"}" deleted`);
+		}
+	}), p = E(async (e) => f.mutateAsync(e), [f]), m = K({
+		mutationFn: async (t) => {
+			let { cardId: r, targetColumnId: i, targetSwimlaneId: o, targetPosition: s } = t, c = a();
+			if (c) await c.moveCard(r, i, o, s);
+			else {
+				let t = n.cards.find((e) => e.id === r);
+				t && await e.onCardUpdate?.({
+					...t,
+					columnId: i,
+					swimlaneId: o
+				}, "move");
+			}
+		},
+		onMutate: async ({ cardId: e, targetColumnId: t, targetSwimlaneId: r, targetPosition: a }) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let o = i.getQueryData(["board", n.id]), c = n.cards.find((t) => t.id === e);
+			if (!c) return { previousBoard: o };
+			let l = n.cards.filter((t) => t.id !== e), u = l.filter((e) => e.columnId === t).sort((e, t) => (e.position ?? 0) - (t.position ?? 0)), d = a === void 0 ? u.length : Math.min(a, u.length), f = [
+				...u.slice(0, d),
+				{
+					...c,
+					columnId: t,
+					swimlaneId: r,
+					updatedAt: /* @__PURE__ */ new Date()
+				},
+				...u.slice(d)
+			].map((e, t) => ({
+				...e,
+				position: t
+			})), p = c.columnId, m = l.filter((e) => e.columnId === p).sort((e, t) => (e.position ?? 0) - (t.position ?? 0)).map((e, t) => ({
+				...e,
+				position: t
+			})), h = [
+				...l.filter((e) => e.columnId !== t && e.columnId !== p),
+				...m,
+				...f
+			];
+			return s({
+				...n,
+				cards: h
+			}), { previousBoard: o };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to move card", 3e3);
+		}
+	});
+	return {
+		createCard: l,
+		updateCard: d,
+		deleteCard: p,
+		moveCard: E(async (e, t, n, r) => m.mutateAsync({
+			cardId: e,
+			targetColumnId: t,
+			targetSwimlaneId: n,
+			targetPosition: r
+		}), [m]),
+		duplicateCard: E(async (e) => {
+			let t = n.cards.find((t) => t.id === e);
+			if (!t) throw Error("Card not found");
+			return l({
+				...t,
+				id: `card-${Date.now()}`,
+				title: `${t.title} (Copy)`,
+				position: (t.position ?? 0) + 1,
+				createdAt: /* @__PURE__ */ new Date(),
+				updatedAt: /* @__PURE__ */ new Date()
+			});
+		}, [n.cards, l]),
+		archiveCard: E(async (e) => d(e, { isArchived: !0 }), [d]),
+		restoreCard: E(async (e) => d(e, { isArchived: !1 }), [d])
+	};
+}, ie = (e, n) => {
+	let r = t(), i = q(), a = () => r.get("KanbanService"), o = (e, t, n = 3e3) => {
+		let i = r.get("NotificationService");
+		i && i.add({
+			type: e,
+			message: t,
+			duration: n
+		});
+	}, s = (t) => {
+		i.setQueryData(["board", n.id], t), e.onBoardChange?.(t);
+	}, c = K({
+		mutationFn: async (t) => {
+			let r = a();
+			return r ? await r.createColumn(n.id, t) : await e.onColumnCreate?.(t), t;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				columns: [...n.columns, e]
+			}), { previousBoard: t };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to create column", 5e3);
+		},
+		onSuccess: (e) => {
+			o("success", `Column "${e.name}" added`);
+		}
+	}), l = E(async (e) => {
+		let t = {
+			id: `column-${Date.now()}`,
+			name: e.name || "New Column",
+			color: e.color,
+			icon: e.icon,
+			wipLimit: e.wipLimit,
+			position: e.position ?? n.columns.length,
+			isCollapsed: !1,
+			...e
+		};
+		return c.mutateAsync(t);
+	}, [n.columns.length, c]), u = K({
+		mutationFn: async ({ columnId: t, updates: r }) => {
+			let i = a();
+			if (i) await i.updateColumn(t, r);
+			else {
+				let i = n.columns.find((e) => e.id === t);
+				i && await e.onColumnUpdate?.({
+					...i,
+					...r
+				});
+			}
+			return {
+				columnId: t,
+				updates: r
+			};
+		},
+		onMutate: async ({ columnId: e, updates: t }) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let r = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				columns: n.columns.map((n) => n.id === e ? {
+					...n,
+					...t
+				} : n)
+			}), { previousBoard: r };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to update column", 5e3);
+		}
+	}), d = E(async (e, t) => u.mutateAsync({
+		columnId: e,
+		updates: t
+	}), [u]), f = K({
+		mutationFn: async (t) => {
+			let n = a();
+			return n ? await n.deleteColumn(t) : await e.onColumnDelete?.(t), t;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]), r = t?.columns.find((t) => t.id === e);
+			return s({
+				...n,
+				columns: n.columns.filter((t) => t.id !== e),
+				cards: n.cards.filter((t) => t.columnId !== e)
+			}), {
+				previousBoard: t,
+				deletedColumnName: r?.name
+			};
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to delete column", 5e3);
+		},
+		onSuccess: (e, t, n) => {
+			o("success", `Column "${n?.deletedColumnName || "Column"}" deleted`);
+		}
+	}), p = E(async (e) => f.mutateAsync(e), [f]), m = K({
+		mutationFn: async (e) => {
+			let t = a();
+			if (t) {
+				let n = e.map((e, n) => t.updateColumn(e, { position: n }));
+				await Promise.all(n);
+			}
+			return e;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				columns: e.map((e, t) => {
+					let r = n.columns.find((t) => t.id === e);
+					if (!r) throw Error(`Column ${e} not found`);
+					return {
+						...r,
+						position: t
+					};
+				})
+			}), { previousBoard: t };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to reorder columns", 3e3);
+		}
+	});
+	return {
+		createColumn: l,
+		updateColumn: d,
+		deleteColumn: p,
+		reorderColumns: E(async (e) => m.mutateAsync(e), [m]),
+		collapseColumn: E((e) => {
+			d(e, { isCollapsed: !0 });
+		}, [d]),
+		expandColumn: E((e) => {
+			d(e, { isCollapsed: !1 });
+		}, [d])
+	};
+}, ae = (e, n) => {
+	let r = t(), i = q(), a = () => r.get("KanbanService"), o = (e, t, n = 3e3) => {
+		let i = r.get("NotificationService");
+		i && i.add({
+			type: e,
+			message: t,
+			duration: n
+		});
+	}, s = (t) => {
+		i.setQueryData(["board", n.id], t), e.onBoardChange?.(t);
+	}, c = K({
+		mutationFn: async (t) => {
+			let r = a();
+			return r ? await r.createSwimlane(n.id, t) : await e.onSwimlaneCreate?.(t), t;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				swimlanes: [...n.swimlanes || [], e]
+			}), { previousBoard: t };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to create swimlane", 5e3);
+		},
+		onSuccess: (e) => {
+			o("success", `Swimlane "${e.name}" added`);
+		}
+	}), l = E(async (e) => {
+		let t = {
+			id: `swimlane-${Date.now()}`,
+			name: e.name || "New Swimlane",
+			type: e.type || "custom",
+			color: e.color,
+			position: e.position ?? (n.swimlanes?.length || 0),
+			isCollapsed: !1,
+			...e
+		};
+		return c.mutateAsync(t);
+	}, [n.swimlanes, c]), u = K({
+		mutationFn: async ({ swimlaneId: t, updates: r }) => {
+			let i = a();
+			if (i) await i.updateSwimlane(t, r);
+			else {
+				let i = n.swimlanes?.find((e) => e.id === t);
+				i && await e.onSwimlaneUpdate?.({
+					...i,
+					...r
+				});
+			}
+			return {
+				swimlaneId: t,
+				updates: r
+			};
+		},
+		onMutate: async ({ swimlaneId: e, updates: t }) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let r = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				swimlanes: (n.swimlanes || []).map((n) => n.id === e ? {
+					...n,
+					...t
+				} : n)
+			}), { previousBoard: r };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to update swimlane", 5e3);
+		}
+	}), d = E(async (e, t) => u.mutateAsync({
+		swimlaneId: e,
+		updates: t
+	}), [u]), f = K({
+		mutationFn: async (t) => {
+			let n = a();
+			return n ? await n.deleteSwimlane(t) : await e.onSwimlaneDelete?.(t), t;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]), r = t?.swimlanes?.find((t) => t.id === e);
+			return s({
+				...n,
+				swimlanes: (n.swimlanes || []).filter((t) => t.id !== e),
+				cards: n.cards.map((t) => t.swimlaneId === e ? {
+					...t,
+					swimlaneId: void 0
+				} : t)
+			}), {
+				previousBoard: t,
+				deletedSwimlaneName: r?.name
+			};
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to delete swimlane", 5e3);
+		},
+		onSuccess: (e, t, n) => {
+			o("success", `Swimlane "${n?.deletedSwimlaneName || "Swimlane"}" deleted`);
+		}
+	}), p = E(async (e) => f.mutateAsync(e), [f]), m = K({
+		mutationFn: async (e) => {
+			let t = a();
+			if (t) {
+				let n = e.map((e, n) => t.updateSwimlane(e, { position: n }));
+				await Promise.all(n);
+			}
+			return e;
+		},
+		onMutate: async (e) => {
+			await i.cancelQueries({ queryKey: ["board", n.id] });
+			let t = i.getQueryData(["board", n.id]);
+			return s({
+				...n,
+				swimlanes: e.map((e, t) => {
+					let r = n.swimlanes?.find((t) => t.id === e);
+					return r ? {
+						...r,
+						position: t
+					} : null;
+				}).filter(Boolean)
+			}), { previousBoard: t };
+		},
+		onError: (e, t, n) => {
+			n?.previousBoard && s(n.previousBoard), o("error", "Failed to reorder swimlanes", 3e3);
+		}
+	});
+	return {
+		createSwimlane: l,
+		updateSwimlane: d,
+		deleteSwimlane: p,
+		reorderSwimlanes: E(async (e) => m.mutateAsync(e), [m]),
+		collapseSwimlane: E((t) => {
+			d(t, { isCollapsed: !0 }), e.onSwimlaneToggle?.({
+				swimlaneId: t,
+				isCollapsed: !0
+			});
+		}, [d, e.onSwimlaneToggle]),
+		expandSwimlane: E((t) => {
+			d(t, { isCollapsed: !1 }), e.onSwimlaneToggle?.({
+				swimlaneId: t,
+				isCollapsed: !1
+			});
+		}, [d, e.onSwimlaneToggle])
+	};
+}, oe = (e) => {
+	let [t, n] = j(""), [r, i] = j({});
+	return {
+		filteredCards: k(() => e.cards.filter((e) => {
+			if (t) {
+				let n = t.toLowerCase();
+				if (!(e.title.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n) || e.tags.some((e) => e.name.toLowerCase().includes(n)))) return !1;
+			}
+			return !(r.tags && r.tags.length > 0 && !e.tags.some((e) => r.tags?.includes(e.id)) || r.assignees && r.assignees.length > 0 && !e.assignees.some((e) => r.assignees?.includes(e.id)) || r.priority && r.priority.length > 0 && e.priority && !r.priority.includes(e.priority) || r.columns && r.columns.length > 0 && !r.columns.includes(e.columnId));
+		}), [
+			e.cards,
+			t,
+			r
+		]),
+		searchQuery: t,
+		setSearchQuery: n,
+		activeFilters: r,
+		setActiveFilters: i,
+		clearFilters: () => {
+			n(""), i({});
+		}
+	};
+}, se = (e, n, r = !1, i) => {
+	let a = t(), [o, s] = j(null), [c, l] = j(null), [u, d] = j(null);
+	return {
+		draggedCard: o,
+		dragOverColumn: c,
+		dragOverSwimlane: u,
+		handleDragStart: E((e) => {
+			if (i?.onCardDragStart) {
+				let t = {
+					card: e,
+					columnId: e.columnId,
+					cancel: !1
+				};
+				if (i.onCardDragStart(t), t.cancel) return;
+			}
+			s(e);
+		}, [i?.onCardDragStart]),
+		handleDragOver: E((e, t) => {
+			o && c !== e && (c && i?.onCardDragLeave && i.onCardDragLeave({
+				card: o,
+				targetColumnId: c
+			}), i?.onCardDragEnter && i.onCardDragEnter({
+				card: o,
+				targetColumnId: e
+			})), l(e), t && d(t);
+		}, [
+			o,
+			i,
+			c
+		]),
+		handleDragEnd: E(() => {
+			o && i?.onCardDragStop && i.onCardDragStop({
+				card: o,
+				columnId: o.columnId
+			}), s(null), l(null), d(null);
+		}, [o, i?.onCardDragStop]),
+		handleDrop: E((t, c, u) => {
+			if (!o) return;
+			let f = e.columns.find((e) => e.id === t);
+			if (f?.wipLimit && e.cards.filter((e) => e.columnId === t && !e.isArchived).length >= f.wipLimit && (o.columnId !== t || o.swimlaneId !== c)) {
+				let e = a.get("NotificationService");
+				if (e && e.add({
+					type: "warning",
+					message: `WIP limit reached for "${f.name}" (${f.wipLimit} cards)`,
+					duration: 4e3
+				}), r) {
+					e?.add({
+						type: "error",
+						message: `Cannot move card: "${f.name}" is full (Strict WIP)`,
+						duration: 4e3
+					}), s(null), l(null), d(null);
+					return;
+				}
+			}
+			n(o.id, t, c, u), i?.onCardDragStop && i.onCardDragStop({
+				card: o,
+				columnId: t
+			}), s(null), l(null), d(null);
+		}, [
+			o,
+			e,
+			n,
+			i?.onCardDragStop
+		])
+	};
+}, Q = (e, t = {}) => {
+	let n = l("I18nService")?.dir || "ltr", r = e.dir === "auto" || !e.dir ? n : e.dir, i = {
+		showSpinner: () => {},
+		hideSpinner: () => {}
+	}, { board: a, setBoard: o, selectedCards: s, setSelectedCards: u, selectedColumnId: d, setSelectedColumnId: f, view: p, setView: m, undo: h, redo: g, canUndo: _, canRedo: v } = ne(e), [y, b] = j(null), { createCard: x, updateCard: S, deleteCard: C, moveCard: w, duplicateCard: T, archiveCard: E, restoreCard: D } = re(e, a), { createColumn: O, updateColumn: A, deleteColumn: M, reorderColumns: N, collapseColumn: P, expandColumn: F } = ie(e, a), { createSwimlane: I, updateSwimlane: L, deleteSwimlane: R, reorderSwimlanes: z, collapseSwimlane: B, expandSwimlane: V } = ae(e, a), { draggedCard: H, dragOverColumn: U, handleDragStart: W, handleDragOver: G, handleDragEnd: ee, handleDrop: te } = se(a, w, e.wipStrict, e), { filteredCards: K, searchQuery: q, setSearchQuery: J, activeFilters: Y, setActiveFilters: X, clearFilters: Z } = oe(a), { selectedIndex: Q, setSelectedIndex: $ } = c({
+		totalItems: K.length,
+		columns: 1,
+		enabled: !e.readOnly,
+		onSelect: (e) => {
+			let t = K[e];
+			t && (b(t.id), (document.getElementById(t.id) || document.querySelector(`[data-card-id="${t.id}"]`))?.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			}));
+		},
+		onAction: (e) => {
+			let n = K[e];
+			n && t.onCardClick && t.onCardClick(n);
+		}
+	}), ce = k(() => ({
+		addCard: x,
+		updateCard: S,
+		deleteCard: C,
+		moveCard: w,
+		duplicateCard: T,
+		archiveCard: E,
+		restoreCard: D,
+		getCard: (e) => a.cards.find((t) => t.id === e),
+		getCards: () => a.cards,
+		getCardsInColumn: (e) => a.cards.filter((t) => t.columnId === e),
+		getOrderedCards: (e) => a.cards.filter((t) => t.columnId === e).sort((e, t) => (e.position ?? 0) - (t.position ?? 0)),
+		addColumn: O,
+		updateColumn: A,
+		deleteColumn: M,
+		reorderColumns: N,
+		collapseColumn: P,
+		expandColumn: F,
+		getColumn: (e) => a.columns.find((t) => t.id === e),
+		getColumns: () => a.columns,
+		addSwimlane: I,
+		updateSwimlane: L,
+		deleteSwimlane: R,
+		reorderSwimlanes: z,
+		collapseSwimlane: B,
+		expandSwimlane: V,
+		getSwimlane: (e) => a.swimlanes?.find((t) => t.id === e),
+		getSwimlanes: () => a.swimlanes || [],
+		selectCard: (e) => u([e]),
+		selectCards: u,
+		deselectCard: (e) => {
+			u(s.filter((t) => t !== e));
+		},
+		deselectAllCards: () => u([]),
+		getSelectedCards: () => a.cards.filter((e) => s.includes(e.id)),
+		focusCard: (e) => {
+			let t = document.getElementById(e) || document.querySelector(`[data-card-id="${e}"]`);
+			t instanceof HTMLElement && (t.focus(), t.scrollIntoView({
+				behavior: "smooth",
+				block: "center"
+			}));
+		},
+		highlightCard: (e, t = 2e3) => {
+			b(e), setTimeout(() => b(null), t);
+		},
+		setView: m,
+		getView: () => p,
+		scrollToColumn: (e, t) => {
+			(document.getElementById(`column-${e}`) || document.querySelector(`[data-column-id="${e}"]`))?.scrollIntoView(t || {
+				behavior: "smooth",
+				block: "center",
+				inline: "center"
+			});
+		},
+		scrollToCard: (e, t) => {
+			(document.getElementById(e) || document.querySelector(`[data-card-id="${e}"]`))?.scrollIntoView(t || {
+				behavior: "smooth",
+				block: "center"
+			});
+		},
+		setSearchQuery: J,
+		getSearchQuery: () => q,
+		setActiveFilters: X,
+		getActiveFilters: () => Y,
+		clearFilters: Z,
+		getFilteredCards: () => K,
+		getBoard: () => a,
+		setBoard: o,
+		refresh: async () => {},
+		reset: () => o(e.board),
+		showSpinner: i.showSpinner,
+		hideSpinner: i.hideSpinner,
+		forceUpdate: () => {},
+		getStatistics: () => ({
+			totalCards: a.cards.length,
+			totalColumns: a.columns.length
+		}),
+		validate: () => ({
+			isValid: !0,
+			errors: []
+		}),
+		...t
+	}), [
+		a,
+		x,
+		S,
+		C,
+		w,
+		T,
+		E,
+		D,
+		O,
+		A,
+		M,
+		N,
+		P,
+		F,
+		I,
+		L,
+		R,
+		z,
+		B,
+		V,
+		s,
+		u,
+		d,
+		f,
+		q,
+		J,
+		Y,
+		X,
+		Z,
+		K,
+		o,
+		e.board,
+		i,
+		t,
+		p,
+		e.wipStrict,
+		e
+	]);
+	return k(() => ({
+		state: {
+			board: a,
+			selectedCards: s,
+			highlightedCardId: y,
+			selectedColumnId: d,
+			view: p,
+			draggedCard: H,
+			dragOverColumn: U,
+			filteredCards: K,
+			searchQuery: q,
+			activeFilters: Y,
+			selectedIndex: Q,
+			canUndo: _,
+			canRedo: v
+		},
+		actions: {
+			setBoard: o,
+			setSelectedCards: u,
+			setSelectedColumnId: f,
+			setView: m,
+			createCard: x,
+			updateCard: S,
+			deleteCard: C,
+			moveCard: w,
+			duplicateCard: T,
+			archiveCard: E,
+			restoreCard: D,
+			createColumn: O,
+			updateColumn: A,
+			deleteColumn: M,
+			reorderColumns: N,
+			collapseColumn: P,
+			expandColumn: F,
+			createSwimlane: I,
+			updateSwimlane: L,
+			deleteSwimlane: R,
+			reorderSwimlanes: z,
+			collapseSwimlane: B,
+			expandSwimlane: V,
+			handleDragStart: W,
+			handleDragOver: G,
+			handleDragEnd: ee,
+			handleDrop: te,
+			setSearchQuery: J,
+			setActiveFilters: X,
+			clearFilters: Z,
+			setSelectedIndex: $,
+			undo: h,
+			redo: g
+		},
+		services: { serviceRegistry: null },
+		imperativeAPI: ce,
+		dir: r,
+		baseApi: i
+	}), [
+		i,
+		ce,
+		a,
+		o,
+		s,
+		u,
+		y,
+		d,
+		f,
+		p,
+		m,
+		r,
+		x,
+		S,
+		C,
+		w,
+		T,
+		E,
+		D,
+		O,
+		A,
+		M,
+		N,
+		P,
+		F,
+		I,
+		L,
+		R,
+		z,
+		B,
+		V,
+		H,
+		U,
+		W,
+		G,
+		ee,
+		te,
+		K,
+		q,
+		J,
+		Y,
+		X,
+		Z,
+		null,
+		Q,
+		$,
+		h,
+		g,
+		_,
+		v
+	]);
+};
+//#endregion
+//#region src/shared/hooks/useDebounce.ts
+function $(e, t = 300) {
+	let [n, r] = j(e);
+	return D(() => {
+		let n = setTimeout(() => {
+			r(e);
+		}, t);
+		return () => {
+			clearTimeout(n);
+		};
+	}, [e, t]), n;
+}
+//#endregion
+//#region src/components/EzKanban/components/FilterPopover.tsx
+var ce = ({ board: e, activeFilters: t, onFiltersChange: r, onClearFilters: a }) => {
+	let o = Array.from(new Set(e.cards.flatMap((e) => e.tags).map((e) => JSON.stringify(e)))).map((e) => JSON.parse(e)).filter((e, t, n) => t === n.findIndex((t) => t.id === e.id)), s = Array.from(new Set(e.cards.flatMap((e) => e.assignees).map((e) => JSON.stringify(e)))).map((e) => JSON.parse(e)).filter((e, t, n) => t === n.findIndex((t) => t.id === e.id)), c = [
+		"low",
+		"medium",
+		"high",
+		"critical"
+	], l = (e) => {
+		let n = t.priority || [], i = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
+		r({
+			...t,
+			priority: i.length ? i : void 0
+		});
+	}, p = (e) => {
+		let n = t.tags || [], i = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
+		r({
+			...t,
+			tags: i.length ? i : void 0
+		});
+	}, m = (e) => {
+		let n = t.assignees || [], i = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
+		r({
+			...t,
+			assignees: i.length ? i : void 0
+		});
+	}, h = (t.priority?.length || 0) + (t.tags?.length || 0) + (t.assignees?.length || 0);
+	return /* @__PURE__ */ U(f, { children: [/* @__PURE__ */ H(d, {
+		asChild: !0,
+		children: /* @__PURE__ */ U(n, {
+			variant: "outline",
+			size: "sm",
+			className: "relative",
+			children: [
+				/* @__PURE__ */ H(P, { className: "h-4 w-4 mr-2" }),
+				"Filters",
+				h > 0 && /* @__PURE__ */ H(b, {
+					variant: "secondary",
+					className: "ml-2 h-5 min-w-[20px] px-1 text-[10px] flex items-center justify-center",
+					children: h
+				})
+			]
+		})
+	}), /* @__PURE__ */ U(u, {
+		className: "w-80 p-4",
+		align: "start",
+		children: [/* @__PURE__ */ U("div", {
+			className: "flex items-center justify-between mb-4",
+			children: [/* @__PURE__ */ H("h4", {
+				className: "font-medium leading-none",
+				children: "Filters"
+			}), h > 0 && /* @__PURE__ */ H(n, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-auto p-0 text-xs text-muted-foreground",
+				onClick: a,
+				children: "Clear all"
+			})]
+		}), /* @__PURE__ */ H(C, {
+			className: "h-[300px] pr-4",
+			children: /* @__PURE__ */ U("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ U("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ H("h5", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Priority"
+						}), /* @__PURE__ */ H("div", {
+							className: "space-y-2",
+							children: c.map((e) => /* @__PURE__ */ U("div", {
+								className: "flex items-center space-x-2",
+								children: [/* @__PURE__ */ H(v, {
+									id: `priority-${e}`,
+									checked: t.priority?.includes(e),
+									onCheckedChange: () => l(e)
+								}), /* @__PURE__ */ H(i, {
+									htmlFor: `priority-${e}`,
+									className: "capitalize text-sm font-normal cursor-pointer",
+									children: e
+								})]
+							}, e))
+						})]
+					}),
+					s.length > 0 && /* @__PURE__ */ U("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ H("h5", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Assignees"
+						}), /* @__PURE__ */ H("div", {
+							className: "space-y-2",
+							children: s.map((e) => /* @__PURE__ */ U("div", {
+								className: "flex items-center space-x-2",
+								children: [/* @__PURE__ */ H(v, {
+									id: `assignee-${e.id}`,
+									checked: t.assignees?.includes(e.id),
+									onCheckedChange: () => m(e.id)
+								}), /* @__PURE__ */ U(i, {
+									htmlFor: `assignee-${e.id}`,
+									className: "text-sm font-normal cursor-pointer flex items-center gap-2",
+									children: [e.avatarUrl && /* @__PURE__ */ H("img", {
+										src: e.avatarUrl,
+										alt: "",
+										className: "w-4 h-4 rounded-full"
+									}), e.name]
+								})]
+							}, e.id))
+						})]
+					}),
+					o.length > 0 && /* @__PURE__ */ U("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ H("h5", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Tags"
+						}), /* @__PURE__ */ H("div", {
+							className: "space-y-2",
+							children: o.map((e) => /* @__PURE__ */ U("div", {
+								className: "flex items-center space-x-2",
+								children: [/* @__PURE__ */ H(v, {
+									id: `tag-${e.id}`,
+									checked: t.tags?.includes(e.id),
+									onCheckedChange: () => p(e.id)
+								}), /* @__PURE__ */ U(i, {
+									htmlFor: `tag-${e.id}`,
+									className: "text-sm font-normal cursor-pointer flex items-center gap-2",
+									children: [/* @__PURE__ */ H("div", {
+										className: "w-2 h-2 rounded-full",
+										style: { backgroundColor: e.color }
+									}), e.name]
+								})]
+							}, e.id))
+						})]
+					})
+				]
+			})
+		})]
+	})] });
+}, le = ({ searchQuery: e, onSearchChange: i, onAddCardClick: a, onAddColumn: o, board: s, className: c, view: l = "standard", onViewChange: u, onUndo: d, onRedo: f, canUndo: v, canRedo: b, activeFilters: x, onFiltersChange: S }) => {
+	let C = t(), [w, T] = j(e), { t: E } = y(), O = $(w, 300);
+	D(() => {
+		i(O);
+	}, [O, i]), D(() => {
+		T(e);
+	}, [e]);
+	let k = () => {
+		a?.();
+	}, A = (e) => {
+		if (s) try {
+			let t = C.get("ExportService");
+			if (e === "csv") {
+				let e = s.cards.map((e) => ({
+					id: e.id,
+					title: e.title,
+					description: e.description || "",
+					column: s.columns.find((t) => t.id === e.columnId)?.name || "",
+					priority: e.priority || "",
+					assignees: e.assignees?.map((e) => e.name).join("; ") || "",
+					tags: e.tags?.map((e) => e.name).join("; ") || "",
+					dueDate: e.dueDate ? new Date(e.dueDate).toISOString().split("T")[0] : "",
+					isArchived: e.isArchived ? "Yes" : "No"
+				}));
+				if (t) t.exportToCSV(e, [
+					{
+						header: "ID",
+						accessorKey: "id"
+					},
+					{
+						header: "Title",
+						accessorKey: "title"
+					},
+					{
+						header: "Description",
+						accessorKey: "description"
+					},
+					{
+						header: "Column",
+						accessorKey: "column"
+					},
+					{
+						header: "Priority",
+						accessorKey: "priority"
+					},
+					{
+						header: "Assignees",
+						accessorKey: "assignees"
+					},
+					{
+						header: "Tags",
+						accessorKey: "tags"
+					},
+					{
+						header: "Due Date",
+						accessorKey: "dueDate"
+					},
+					{
+						header: "Archived",
+						accessorKey: "isArchived"
+					}
+				], { fileName: `kanban-board-${s.id}` });
+				else {
+					let t = Object.keys(e[0] || {}), n = [t.join(","), ...e.map((e) => t.map((t) => `"${e[t]}"`).join(","))].join("\n"), r = new Blob([n], { type: "text/csv" }), i = URL.createObjectURL(r), a = document.createElement("a");
+					a.href = i, a.download = `kanban-board-${s.id}.csv`, a.click(), URL.revokeObjectURL(i);
+				}
+			} else {
+				let e = JSON.stringify(s, null, 2);
+				if (t && t.download) t.download(e, `kanban-board-${s.id}.json`);
+				else {
+					let t = new Blob([e], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
+					r.href = n, r.download = `kanban-board-${s.id}.json`, r.click(), URL.revokeObjectURL(n);
+				}
+			}
+			let n = C.get("NotificationService");
+			n && n.add({
+				type: "success",
+				message: `Board exported as ${e.toUpperCase()}`,
+				duration: 3e3
+			});
+		} catch (e) {
+			let t = C.get("NotificationService");
+			t && t.add({
+				type: "error",
+				message: `Failed to export board: ${e instanceof Error ? e.message : "Unknown error"}`,
+				duration: 4e3
+			});
+		}
+	};
+	return /* @__PURE__ */ H(V, { children: /* @__PURE__ */ U("div", {
+		className: `flex items-center gap-4 p-4 border-b ${c || ""}`,
+		children: [
+			/* @__PURE__ */ U("div", {
+				className: "flex gap-1 mr-2",
+				children: [/* @__PURE__ */ H(n, {
+					variant: "ghost",
+					size: "icon",
+					onClick: d,
+					disabled: !v,
+					title: "Undo (Ctrl+Z)",
+					children: /* @__PURE__ */ H(B, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ H(n, {
+					variant: "ghost",
+					size: "icon",
+					onClick: f,
+					disabled: !b,
+					title: "Redo (Ctrl+Shift+Z)",
+					children: /* @__PURE__ */ H(R, { className: "h-4 w-4" })
+				})]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "relative flex-1 max-w-sm",
+				children: [/* @__PURE__ */ H(z, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ H(r, {
+					placeholder: E("search_placeholder"),
+					value: w,
+					onChange: (e) => T(e.target.value),
+					className: "pl-9"
+				})]
+			}),
+			/* @__PURE__ */ H("div", {
+				className: "w-[180px]",
+				children: /* @__PURE__ */ U(_, {
+					value: l,
+					onValueChange: (e) => u?.(e),
+					children: [/* @__PURE__ */ H(m, { children: /* @__PURE__ */ H(p, { placeholder: "Select view" }) }), /* @__PURE__ */ U(h, { children: [
+						/* @__PURE__ */ H(g, {
+							value: "standard",
+							children: /* @__PURE__ */ U("div", {
+								className: "flex items-center",
+								children: [/* @__PURE__ */ H(I, { className: "h-4 w-4 mr-2" }), E("view_standard")]
+							})
+						}),
+						/* @__PURE__ */ H(g, {
+							value: "swimlane",
+							children: /* @__PURE__ */ U("div", {
+								className: "flex items-center",
+								children: [/* @__PURE__ */ H(F, { className: "h-4 w-4 mr-2" }), E("view_swimlane")]
+							})
+						}),
+						/* @__PURE__ */ H(g, {
+							value: "timeline",
+							children: /* @__PURE__ */ U("div", {
+								className: "flex items-center",
+								children: [
+									/* @__PURE__ */ H(I, { className: "h-4 w-4 mr-2" }),
+									" ",
+									E("view_timeline")
+								]
+							})
+						})
+					] })]
+				})
+			}),
+			s && /* @__PURE__ */ H(ce, {
+				board: s,
+				activeFilters: x || {},
+				onFiltersChange: (e) => S?.(e),
+				onClearFilters: () => S?.({})
+			}),
+			s && /* @__PURE__ */ U("div", {
+				className: "flex gap-1",
+				children: [/* @__PURE__ */ U(n, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => A("csv"),
+					title: "Export as CSV",
+					children: [/* @__PURE__ */ H(N, { className: "h-4 w-4 mr-2" }), "CSV"]
+				}), /* @__PURE__ */ U(n, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => A("json"),
+					title: "Export as JSON",
+					children: [/* @__PURE__ */ H(N, { className: "h-4 w-4 mr-2" }), "JSON"]
+				})]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "ml-auto flex gap-2",
+				children: [/* @__PURE__ */ U(n, {
+					variant: "outline",
+					size: "sm",
+					onClick: o,
+					children: [/* @__PURE__ */ H(L, { className: "h-4 w-4 mr-2" }), E("add_column")]
+				}), /* @__PURE__ */ U(n, {
+					size: "sm",
+					onClick: k,
+					children: [/* @__PURE__ */ H(L, { className: "h-4 w-4 mr-2" }), E("add_card")]
+				})]
+			})
+		]
+	}) });
+}, ue = new ee(), de = T((e, t) => {
+	let { className: n, readOnly: r, ...i } = e;
+	return o(), /* @__PURE__ */ H(te, {
+		client: ue,
+		children: /* @__PURE__ */ H(a, {
+			fallback: /* @__PURE__ */ H(J, {}),
+			children: /* @__PURE__ */ H(fe, {
+				ref: t,
+				className: n,
+				readOnly: r,
+				...i
+			})
+		})
+	});
+});
+de.displayName = "EzKanban";
+var fe = T((t, n) => {
+	let { className: r, readOnly: i, onCardClick: a, onCardDoubleClick: o } = t, { state: c, actions: l, dir: u, imperativeAPI: d } = Q(t, n), [f, p] = j(!1), [m, h] = j(void 0), [g, _] = j(!1), [v, y] = j(null);
+	O(n, () => d, [d]);
+	let b = (e) => {
+		h({
+			columnId: e || c.selectedColumnId || c.board.columns[0]?.id,
+			title: "",
+			description: "",
+			priority: "medium"
+		}), p(!0);
+	}, C = async (e) => {
+		e.id ? await l.updateCard(e.id, e) : await l.createCard(e), p(!1);
+	}, T = (e) => {
+		t.confirmOnDelete === !1 ? (l.deleteCard(e), p(!1)) : (y(e), _(!0), p(!1));
+	}, E = async () => {
+		v && (await l.deleteCard(v), _(!1), y(null));
+	}, D = (e) => {
+		i || (h(e), p(!0)), a?.(e);
+	}, k = (e) => {
+		let t = c.board.columns.find((t) => t.id === e);
+		t && (t.isCollapsed ? l.expandColumn(e) : l.collapseColumn(e));
+	}, A = (e) => {
+		let t = c.board.swimlanes?.find((t) => t.id === e);
+		t && (t.isCollapsed ? l.expandSwimlane(e) : l.collapseSwimlane(e));
+	};
+	return /* @__PURE__ */ U("div", {
+		className: e("flex flex-col h-full bg-background", r),
+		dir: u,
+		children: [
+			/* @__PURE__ */ H(s, {}),
+			/* @__PURE__ */ H(s, {}),
+			!i && (t.slots?.toolbar ? /* @__PURE__ */ H(t.slots.toolbar, {
+				searchQuery: c.searchQuery,
+				onSearchChange: l.setSearchQuery,
+				onAddCardClick: () => b(),
+				onAddColumn: () => {
+					l.createColumn({
+						name: "New Column",
+						position: c.board.columns.length
+					}).then((e) => {
+						l.setSelectedColumnId(e.id);
+					});
+				},
+				activeFilters: c.activeFilters,
+				onFiltersChange: l.setActiveFilters,
+				view: c.view,
+				onViewChange: l.setView,
+				onUndo: l.undo,
+				onRedo: l.redo,
+				canUndo: c.canUndo,
+				canRedo: c.canRedo,
+				...t.slotProps?.toolbar || {}
+			}) : /* @__PURE__ */ H(le, {
+				searchQuery: c.searchQuery,
+				onSearchChange: l.setSearchQuery,
+				onAddCardClick: () => b(),
+				onAddColumn: () => {
+					l.createColumn({
+						name: "New Column",
+						position: c.board.columns.length
+					}).then((e) => {
+						l.setSelectedColumnId(e.id);
+					});
+				},
+				activeFilters: c.activeFilters,
+				onFiltersChange: l.setActiveFilters,
+				view: c.view,
+				onViewChange: l.setView,
+				onUndo: l.undo,
+				onRedo: l.redo,
+				canUndo: c.canUndo,
+				canRedo: c.canRedo
+			})),
+			/* @__PURE__ */ H("div", {
+				className: "flex-1 overflow-hidden h-full",
+				children: t.slots?.board ? /* @__PURE__ */ H(t.slots.board, {
+					board: c.board,
+					onCardClick: D,
+					onCardDoubleClick: o,
+					onCardDragStart: l.handleDragStart,
+					onCardDragEnd: l.handleDragEnd,
+					onCardDrop: l.handleDrop,
+					onAddCard: b,
+					onToggleColumnCollapse: k,
+					onToggleSwimlaneCollapse: A,
+					onDeleteColumn: l.deleteColumn,
+					onUpdateColumn: l.updateColumn,
+					onColumnClick: l.setSelectedColumnId,
+					onCreateCard: C,
+					selectedColumnId: c.selectedColumnId,
+					draggedCardId: c.draggedCard?.id,
+					filteredCards: c.filteredCards,
+					slots: t.slots,
+					slotProps: t.slotProps,
+					view: c.view,
+					dir: u,
+					className: "flex-1 h-full",
+					...t.slotProps?.board || {}
+				}) : /* @__PURE__ */ H(S, {
+					board: c.board,
+					onCardClick: D,
+					onCardDoubleClick: o,
+					onCardDragStart: l.handleDragStart,
+					onCardDragEnd: l.handleDragEnd,
+					onCardDrop: l.handleDrop,
+					onAddCard: b,
+					onToggleColumnCollapse: k,
+					onToggleSwimlaneCollapse: A,
+					onDeleteColumn: l.deleteColumn,
+					onUpdateColumn: l.updateColumn,
+					onColumnClick: l.setSelectedColumnId,
+					onCreateCard: C,
+					selectedColumnId: c.selectedColumnId,
+					draggedCardId: c.draggedCard?.id,
+					filteredCards: c.filteredCards,
+					slots: t.slots,
+					slotProps: t.slotProps,
+					view: c.view,
+					dir: u,
+					className: "flex-1 h-full"
+				})
+			}),
+			t.slots?.cardEditor ? /* @__PURE__ */ H(t.slots.cardEditor, {
+				isOpen: f,
+				onClose: () => p(!1),
+				onSave: C,
+				onDelete: T,
+				card: m,
+				columns: c.board.columns,
+				...t.slotProps?.cardEditor || {}
+			}) : /* @__PURE__ */ H(x, {
+				isOpen: f,
+				onClose: () => p(!1),
+				onSave: C,
+				onDelete: T,
+				card: m,
+				columns: c.board.columns
+			}),
+			/* @__PURE__ */ H(w, {
+				isOpen: g,
+				onClose: () => _(!1),
+				onConfirm: E,
+				title: "Confirm Delete",
+				message: "Are you sure you want to delete this card?",
+				description: "This action cannot be undone."
+			})
+		]
+	});
+});
+fe.displayName = "EzKanbanInner";
+//#endregion
+export { Q as i, le as n, $ as r, de as t };