@thebuoyant-tsdev/mui-ts-library 3.34.0 → 3.35.0

package/README.de.md

@@ -104,7 +104,7 @@ const tasks: GanttTask[] = [
 
 ### KanbanBoard
 
-Ein Drag-and-Drop-Kanban-Board mit eingebauten Hinzufügen-/Bearbeiten-/Löschen-Dialogen, WIP-Limits und vollständiger i18n. Ideal für Task-Management-Dashboards, Sprint-Boards oder jeden Workflow, bei dem Nutzer Aufgaben zwischen Statusspalten verschieben sollen — mit Kartenfarben, Prioritäts-Punkten, Zuständige-Person-Chips, Fälligkeitsdatum-Chips mit Überfälligkeits-Warnung und `filterText`-Prop für Live-Suche.
+Ein Drag-and-Drop-Kanban-Board mit eingebauten Hinzufügen-/Bearbeiten-/Löschen-Dialogen, WIP-Limits und vollständiger i18n. Ideal für Task-Management-Dashboards, Sprint-Boards oder jeden Workflow, bei dem Nutzer Aufgaben zwischen Statusspalten verschieben sollen — mit Kartenfarben, Prioritäts-Punkten, Zuständige-Person-Chips, Fälligkeitsdatum-Chips mit Überfälligkeits-Warnung, Subtask-Checkliste mit Fortschrittsbalken und eingebautem Suchfeld (`showSearchField`) oder `filterText`-Prop für Live-Filterung.
 
 ```tsx
 import { KanbanBoard } from '@thebuoyant-tsdev/mui-ts-library';
@@ -497,7 +497,7 @@ import type {
   GanttTask, GanttTranslations, GanttTheme, GanttToolbarConfig,
 
   // KanbanBoard
-  KanbanTask, KanbanColumn, KanbanBoardProps, KanbanBoardTranslation,
+  KanbanTask, KanbanSubtask, KanbanColumn, KanbanBoardProps, KanbanBoardTranslation,
 
   // DateRangePicker
   DateRange, DateRangeEntry, DateRangeInput, DateRangePickerProps, DateRangePickerTranslation,
@@ -555,6 +555,16 @@ Dieses Projekt folgt [Semantic Versioning](https://semver.org/):
 
 ## Changelog
 
+### [3.35.0] — 2026-07-20
+
+**Hinzugefügt**
+- **KanbanBoard — `subtasks` in `KanbanTask`**: Neues Feld `subtasks?: KanbanSubtask[]` — auf der Karte erscheint ein Fortschrittsbalken (`{erledigt} / {gesamt} ✓`), im Dialog eine Checkliste. Sichtbarkeit über `showSubtasks` steuerbar (Standard `true`).
+- **KanbanBoard — Typ `KanbanSubtask`**: Neuer exportierter Typ `{ id: string; title: string; done: boolean }`.
+- **KanbanBoard — `+`-Button in Subtask-Zeile**: Beim Hover erscheint ein kleiner `+`-Button mit Tooltip in der Fortschrittszeile der Karte, der den Bearbeiten-Dialog direkt öffnet.
+- **KanbanBoard — CSS-Klassen**: `MuiTsKanbanBoard-cardSubtasks` und `MuiTsKanbanBoard-cardSubtasksBar`. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.de.md) für Details.
+
+---
+
 ### [3.34.0] — 2026-07-18
 
 **Hinzugefügt**

package/README.md

@@ -104,7 +104,7 @@ const tasks: GanttTask[] = [
 
 ### KanbanBoard
 
-A drag-and-drop Kanban board with built-in Add / Edit / Delete dialogs, WIP limits, and full i18n. Use it for task management dashboards, sprint boards, or any workflow where users move work items between status columns — with card colors, priority dots, assignee chips, due-date chips with overdue highlighting, and a `filterText` prop for live card search.
+A drag-and-drop Kanban board with built-in Add / Edit / Delete dialogs, WIP limits, and full i18n. Use it for task management dashboards, sprint boards, or any workflow where users move work items between status columns — with card colors, priority dots, assignee chips, due-date chips with overdue highlighting, a subtask checklist with progress bar, and a built-in search field (`showSearchField`) or controlled `filterText` prop for live card filtering.
 
 ```tsx
 import { KanbanBoard } from '@thebuoyant-tsdev/mui-ts-library';
@@ -497,7 +497,7 @@ import type {
   GanttTask, GanttTranslations, GanttTheme, GanttToolbarConfig,
 
   // KanbanBoard
-  KanbanTask, KanbanColumn, KanbanBoardProps, KanbanBoardTranslation,
+  KanbanTask, KanbanSubtask, KanbanColumn, KanbanBoardProps, KanbanBoardTranslation,
 
   // DateRangePicker
   DateRange, DateRangeEntry, DateRangeInput, DateRangePickerProps, DateRangePickerTranslation,
@@ -555,6 +555,16 @@ This project follows [Semantic Versioning](https://semver.org/):
 
 ## Changelog
 
+### [3.35.0] — 2026-07-20
+
+**Added**
+- **KanbanBoard — `subtasks` on `KanbanTask`**: New `subtasks?: KanbanSubtask[]` field renders a progress bar (`{done} / {total} ✓`) on the card and a checklist in the Add/Edit dialog. Control visibility with `showSubtasks` (default `true`).
+- **KanbanBoard — `KanbanSubtask` type**: New exported type `{ id: string; title: string; done: boolean }`.
+- **KanbanBoard — subtask `+` button**: A small `+` button with tooltip appears on hover in the card's subtask progress row, opening the Edit dialog directly.
+- **KanbanBoard — CSS classes**: `MuiTsKanbanBoard-cardSubtasks` and `MuiTsKanbanBoard-cardSubtasksBar`. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
 ### [3.34.0] — 2026-07-18
 
 **Added**

package/dist/components/gantt-chart/GanttTaskPanel.js

@@ -5,9 +5,9 @@ import { GanttDeleteDialog as ee } from "./GanttDeleteDialog.js";
 import { useGanttChartStore as a, useGanttTheme as te, useGanttTranslations as ne, useRawGanttChartStore as o } from "./GanttChart.js";
 import { Box as s, Chip as c, IconButton as l, Menu as u, MenuItem as d, TextField as f, Tooltip as p, Typography as m } from "@mui/material";
 import { useEffect as h, useMemo as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import x from "@mui/icons-material/Delete";
-import S from "@mui/icons-material/Add";
+import v from "@mui/icons-material/Add";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import S from "@mui/icons-material/Delete";
 import { useVirtualizer as C } from "@tanstack/react-virtual";
 import w from "@mui/icons-material/Edit";
 //#region src/components/gantt-chart/GanttTaskPanel.tsx
@@ -19,11 +19,11 @@ function T(e, t) {
 		blocked: t.statusBlocked
 	}[e];
 }
-function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, showAssigneeColumn: a, onTaskClick: o, onAddTask: h, onEditTask: g, onDeleteTask: v, onStatusChange: C, inlineEdit: E, onInlineRename: D, isSelected: O, onSelect: k }) {
+function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, showAssigneeColumn: a, onTaskClick: o, onAddTask: h, onEditTask: g, onDeleteTask: y, onStatusChange: C, inlineEdit: E, onInlineRename: D, isSelected: O, onSelect: k }) {
 	let [A, j] = _(null), [M, N] = _(null), P = ne(), { statusColors: F } = te(), I = () => {
 		M !== null && M.trim() && D?.(e, M.trim()), N(null);
 	};
-	return /* @__PURE__ */ b(s, {
+	return /* @__PURE__ */ x(s, {
 		className: "gantt-task-row",
 		"data-testid": `gantt-task-row-${e.id}`,
 		"aria-selected": O ?? !1,
@@ -44,7 +44,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 			k?.(), o?.(e);
 		},
 		children: [
-			/* @__PURE__ */ b(s, {
+			/* @__PURE__ */ x(s, {
 				sx: {
 					flex: 1,
 					minWidth: 0,
@@ -56,14 +56,14 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 					height: "100%"
 				},
 				children: [
-					/* @__PURE__ */ y(s, {
+					/* @__PURE__ */ b(s, {
 						sx: {
 							width: 16,
 							flexShrink: 0,
 							display: "flex",
 							justifyContent: "center"
 						},
-						children: e.children.length > 0 && /* @__PURE__ */ y(s, {
+						children: e.children.length > 0 && /* @__PURE__ */ b(s, {
 							component: "span",
 							sx: {
 								fontSize: 9,
@@ -76,7 +76,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 							children: t.has(e.id) ? "▼" : "▶"
 						})
 					}),
-					/* @__PURE__ */ y(s, { sx: {
+					/* @__PURE__ */ b(s, { sx: {
 						width: 8,
 						height: 8,
 						borderRadius: e.isMilestone ? 0 : "50%",
@@ -84,7 +84,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 						flexShrink: 0,
 						bgcolor: e.color ?? F?.[e.status] ?? n[e.status] ?? "grey.400"
 					} }),
-					M === null ? /* @__PURE__ */ y(m, {
+					M === null ? /* @__PURE__ */ b(m, {
 						variant: "body2",
 						noWrap: !0,
 						sx: {
@@ -96,7 +96,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 							t.stopPropagation(), N(e.name);
 						} : void 0,
 						children: e.name
-					}) : /* @__PURE__ */ y(f, {
+					}) : /* @__PURE__ */ b(f, {
 						size: "small",
 						variant: "standard",
 						value: M,
@@ -115,7 +115,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 					})
 				]
 			}),
-			a && /* @__PURE__ */ y(s, {
+			a && /* @__PURE__ */ b(s, {
 				sx: {
 					width: 110,
 					flexShrink: 0,
@@ -124,14 +124,14 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 					px: 1,
 					overflow: "hidden"
 				},
-				children: /* @__PURE__ */ y(m, {
+				children: /* @__PURE__ */ b(m, {
 					variant: "caption",
 					noWrap: !0,
 					color: e.assignee ? "text.primary" : "text.disabled",
 					children: e.assignee ?? "—"
 				})
 			}),
-			ee && /* @__PURE__ */ b(s, {
+			ee && /* @__PURE__ */ x(s, {
 				className: "gantt-row-actions",
 				sx: {
 					width: 96,
@@ -142,45 +142,45 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 					pr: .5
 				},
 				children: [
-					g && /* @__PURE__ */ y(p, {
+					g && /* @__PURE__ */ b(p, {
 						title: P.editTaskTooltip,
-						children: /* @__PURE__ */ y(l, {
+						children: /* @__PURE__ */ b(l, {
 							size: "small",
 							"aria-label": P.editTaskTooltip,
 							"data-testid": `gantt-edit-task-${e.id}`,
 							onClick: (t) => {
 								t.stopPropagation(), g(e);
 							},
-							children: /* @__PURE__ */ y(w, { fontSize: "inherit" })
+							children: /* @__PURE__ */ b(w, { fontSize: "inherit" })
 						})
 					}),
-					h && /* @__PURE__ */ y(p, {
+					h && /* @__PURE__ */ b(p, {
 						title: P.addTaskTooltip,
-						children: /* @__PURE__ */ y(l, {
+						children: /* @__PURE__ */ b(l, {
 							size: "small",
 							"aria-label": P.addTaskTooltip,
 							"data-testid": `gantt-add-task-${e.id}`,
 							onClick: (t) => {
 								t.stopPropagation(), h(e);
 							},
-							children: /* @__PURE__ */ y(S, { fontSize: "inherit" })
+							children: /* @__PURE__ */ b(v, { fontSize: "inherit" })
 						})
 					}),
-					v && /* @__PURE__ */ y(p, {
+					y && /* @__PURE__ */ b(p, {
 						title: P.deleteTaskTooltip,
-						children: /* @__PURE__ */ y(l, {
+						children: /* @__PURE__ */ b(l, {
 							size: "small",
 							"aria-label": P.deleteTaskTooltip,
 							"data-testid": `gantt-delete-task-${e.id}`,
 							onClick: (t) => {
-								t.stopPropagation(), v(e);
+								t.stopPropagation(), y(e);
 							},
-							children: /* @__PURE__ */ y(x, { fontSize: "inherit" })
+							children: /* @__PURE__ */ b(S, { fontSize: "inherit" })
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ b(s, {
+			/* @__PURE__ */ x(s, {
 				sx: {
 					width: 90,
 					flexShrink: 0,
@@ -188,7 +188,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 					alignItems: "center",
 					justifyContent: "center"
 				},
-				children: [/* @__PURE__ */ y(c, {
+				children: [/* @__PURE__ */ b(c, {
 					label: T(e.status, P),
 					size: "small",
 					variant: "outlined",
@@ -205,7 +205,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 					onClick: C ? (e) => {
 						e.stopPropagation(), j(e.currentTarget);
 					} : void 0
-				}), C && /* @__PURE__ */ y(u, {
+				}), C && /* @__PURE__ */ b(u, {
 					anchorEl: A,
 					open: !!A,
 					onClose: () => j(null),
@@ -214,7 +214,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 						"in-progress",
 						"done",
 						"blocked"
-					].map((t) => /* @__PURE__ */ y(d, {
+					].map((t) => /* @__PURE__ */ b(d, {
 						selected: e.status === t,
 						onClick: () => {
 							C(e, t), j(null);
@@ -226,7 +226,7 @@ function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, sho
 		]
 	});
 }
-function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTask: l, onEditTask: u, onDeleteTask: d, onStatusChange: f, onTasksChange: p, enableBuiltinDialogs: x, onTaskCreated: S, onTaskUpdated: w, onTaskDeleted: T, inlineEdit: D, virtualizeRows: O = !1, showAssigneeColumn: k = !1 }) {
+function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTask: l, onEditTask: u, onDeleteTask: d, onStatusChange: f, onTasksChange: p, enableBuiltinDialogs: v, onTaskCreated: S, onTaskUpdated: w, onTaskDeleted: T, inlineEdit: D, virtualizeRows: O = !1, showAssigneeColumn: k = !1 }) {
 	let A = ne(), j = o(), M = a((e) => e.taskTree), N = a((e) => e.expandedIds), P = a((e) => e.toggleExpand), F = a((e) => e.timeScale), I = a((e) => e.addTask), re = a((e) => e.updateTask), ie = a((e) => e.deleteTask), L = a((e) => e.assigneeFilter), R = g(() => {
 		let n = t(M, N);
 		return L ? e(n, L) : n;
@@ -260,11 +260,11 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 			name: t
 		};
 		re(n), p?.(j.getState().tasks), w?.(n);
-	}, K = x ? (e) => {
+	}, K = v ? (e) => {
 		W(e), B(!0);
-	} : l, q = x ? (e) => {
+	} : l, q = v ? (e) => {
 		W(e), V(!0);
-	} : u, J = x ? (e) => {
+	} : u, J = v ? (e) => {
 		W(e), H(!0);
 	} : d, Y = !!(K || q || J), X = F === "days" ? 80 : 40, [Z, Q] = _(null), $ = Z ? R.findIndex((e) => e.id === Z) : -1;
 	h(() => {
@@ -281,7 +281,7 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 		let t = R.length;
 		t !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Q(R[Math.min($ < 0 ? 0 : $ + 1, t - 1)].id)) : e.key === "ArrowUp" ? (e.preventDefault(), Q(R[Math.max($ <= 0 ? 0 : $ - 1, 0)].id)) : e.key === "Enter" && $ >= 0 ? (e.preventDefault(), q?.(R[$])) : e.key === "Escape" && Q(null));
 	}
-	return /* @__PURE__ */ b(s, {
+	return /* @__PURE__ */ x(s, {
 		ref: n,
 		onScroll: r,
 		tabIndex: 0,
@@ -295,7 +295,7 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 			outline: "none"
 		},
 		children: [
-			/* @__PURE__ */ b(s, {
+			/* @__PURE__ */ x(s, {
 				sx: {
 					height: X,
 					position: "sticky",
@@ -308,7 +308,7 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 					display: "flex",
 					flexDirection: "column"
 				},
-				children: [/* @__PURE__ */ b(s, {
+				children: [/* @__PURE__ */ x(s, {
 					sx: {
 						height: 40,
 						display: "flex",
@@ -318,19 +318,19 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 						borderColor: F === "days" ? "divider" : void 0
 					},
 					children: [
-						/* @__PURE__ */ y(s, {
+						/* @__PURE__ */ b(s, {
 							sx: {
 								flex: 1,
 								minWidth: 0,
 								pl: 2
 							},
-							children: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ b(m, {
 								variant: "caption",
 								color: "text.secondary",
 								children: A.columnName
 							})
 						}),
-						k && /* @__PURE__ */ y(s, {
+						k && /* @__PURE__ */ b(s, {
 							sx: {
 								width: 110,
 								flexShrink: 0,
@@ -338,13 +338,13 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 								alignItems: "center",
 								px: 1
 							},
-							children: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ b(m, {
 								variant: "caption",
 								color: "text.secondary",
 								children: A.columnAssignee
 							})
 						}),
-						Y && /* @__PURE__ */ y(s, {
+						Y && /* @__PURE__ */ b(s, {
 							sx: {
 								width: 96,
 								flexShrink: 0,
@@ -352,13 +352,13 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ b(m, {
 								variant: "caption",
 								color: "text.secondary",
 								children: A.columnActions
 							})
 						}),
-						/* @__PURE__ */ y(s, {
+						/* @__PURE__ */ b(s, {
 							sx: {
 								width: 90,
 								flexShrink: 0,
@@ -366,21 +366,21 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ b(m, {
 								variant: "caption",
 								color: "text.secondary",
 								children: A.columnStatus
 							})
 						})
 					]
-				}), F === "days" && /* @__PURE__ */ y(s, { sx: { flex: 1 } })]
+				}), F === "days" && /* @__PURE__ */ b(s, { sx: { flex: 1 } })]
 			}),
-			O ? /* @__PURE__ */ y(s, {
+			O ? /* @__PURE__ */ b(s, {
 				sx: {
 					position: "relative",
 					height: z.getTotalSize()
 				},
-				children: z.getVirtualItems().map((e) => /* @__PURE__ */ y(s, {
+				children: z.getVirtualItems().map((e) => /* @__PURE__ */ b(s, {
 					style: {
 						position: "absolute",
 						top: 0,
@@ -389,7 +389,7 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 						height: 40,
 						transform: `translateY(${e.start}px)`
 					},
-					children: /* @__PURE__ */ y(E, {
+					children: /* @__PURE__ */ b(E, {
 						task: R[e.index],
 						expandedIds: N,
 						toggleExpand: P,
@@ -406,7 +406,7 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 						onSelect: () => Q(R[e.index].id)
 					})
 				}, e.key))
-			}) : R.map((e) => /* @__PURE__ */ y(E, {
+			}) : R.map((e) => /* @__PURE__ */ b(E, {
 				task: e,
 				expandedIds: N,
 				toggleExpand: P,
@@ -422,22 +422,22 @@ function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTas
 				isSelected: e.id === Z,
 				onSelect: () => Q(e.id)
 			}, e.id)),
-			x && /* @__PURE__ */ b(v, { children: [
-				/* @__PURE__ */ y(i, {
+			v && /* @__PURE__ */ x(y, { children: [
+				/* @__PURE__ */ b(i, {
 					open: ae,
 					mode: "add",
 					defaultParentId: U?.id,
 					onSave: ce,
 					onClose: () => B(!1)
 				}),
-				/* @__PURE__ */ y(i, {
+				/* @__PURE__ */ b(i, {
 					open: oe,
 					mode: "edit",
 					initialTask: U ?? void 0,
 					onSave: le,
 					onClose: () => V(!1)
 				}),
-				/* @__PURE__ */ y(ee, {
+				/* @__PURE__ */ b(ee, {
 					open: se,
 					task: U,
 					onConfirm: ue,

package/dist/components/kanban-board/KanbanBoard.d.ts

@@ -1,2 +1,2 @@
 import { type KanbanBoardProps } from "./KanbanBoard.types";
-export declare function KanbanBoard({ tasks, columns, onTasksChange, onCardClick, enableBuiltinDialogs, onTaskCreated, onTaskUpdated, onTaskDeleted, onTaskMoved, showPriority, showAssignee, showDueDate, showDueDateWarning, chipVariant, showSearchField, filterText, width, height, translation, }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoard({ tasks, columns, onTasksChange, onCardClick, enableBuiltinDialogs, onTaskCreated, onTaskUpdated, onTaskDeleted, onTaskMoved, showPriority, showAssignee, showDueDate, showDueDateWarning, showSubtasks, chipVariant, showSearchField, filterText, width, height, translation, }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/kanban-board/KanbanBoard.js

@@ -4,119 +4,119 @@ import { KanbanBoardCard as n } from "./KanbanBoardCard.js";
 import { KanbanBoardCardDialog as r } from "./KanbanBoardCardDialog.js";
 import { KanbanBoardColumn as i } from "./KanbanBoardColumn.js";
 import { DndContext as a, DragOverlay as o, KeyboardSensor as s, PointerSensor as c, closestCorners as l, useSensor as u, useSensors as d } from "@dnd-kit/core";
-import { arrayMove as f, sortableKeyboardCoordinates as p } from "@dnd-kit/sortable";
-import m from "@mui/icons-material/Search";
-import { Box as h, InputAdornment as g, TextField as ee } from "@mui/material";
+import { arrayMove as ee, sortableKeyboardCoordinates as f } from "@dnd-kit/sortable";
+import p from "@mui/icons-material/Search";
+import { Box as m, InputAdornment as h, TextField as g } from "@mui/material";
 import { useEffect as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/kanban-board/KanbanBoard.tsx
-function x({ tasks: x, columns: S, onTasksChange: C, onCardClick: w, enableBuiltinDialogs: T = !0, onTaskCreated: E, onTaskUpdated: D, onTaskDeleted: O, onTaskMoved: k, showPriority: A = !0, showAssignee: j = !0, showDueDate: M = !0, showDueDateWarning: N = !0, chipVariant: P = "outlined", showSearchField: F = !1, filterText: I = "", width: L = "100%", height: R = "100%", translation: z }) {
-	let B = {
+function x({ tasks: x, columns: S, onTasksChange: C, onCardClick: w, enableBuiltinDialogs: T = !0, onTaskCreated: E, onTaskUpdated: D, onTaskDeleted: O, onTaskMoved: k, showPriority: A = !0, showAssignee: j = !0, showDueDate: M = !0, showDueDateWarning: N = !0, showSubtasks: P = !0, chipVariant: F = "outlined", showSearchField: I = !1, filterText: L = "", width: R = "100%", height: z = "100%", translation: B }) {
+	let V = {
 		...t,
-		...z
-	}, [V, H] = v(x);
+		...B
+	}, [H, U] = v(x);
 	_(() => {
-		H(x);
+		U(x);
 	}, [x]);
-	let [U, W] = v(null), [G, K] = v(null), [q, J] = v(""), Y = d(u(c, { activationConstraint: { distance: 8 } }), u(s, { coordinateGetter: p }));
-	function X({ active: e }) {
-		W(V.find((t) => t.id === e.id) ?? null);
+	let [W, G] = v(null), [K, q] = v(null), [J, Y] = v(""), X = d(u(c, { activationConstraint: { distance: 8 } }), u(s, { coordinateGetter: f }));
+	function Z({ active: e }) {
+		G(H.find((t) => t.id === e.id) ?? null);
 	}
-	function Z({ active: e, over: t }) {
+	function Q({ active: e, over: t }) {
 		if (!t) return;
-		let n = e.id, r = t.id, i = V.find((e) => e.id === n);
+		let n = e.id, r = t.id, i = H.find((e) => e.id === n);
 		if (!i) return;
-		let a = S.find((e) => e.id === r), o = V.find((e) => e.id === r), s = a?.id ?? o?.status;
-		!s || i.status === s || H((e) => e.map((e) => e.id === n ? {
+		let a = S.find((e) => e.id === r), o = H.find((e) => e.id === r), s = a?.id ?? o?.status;
+		!s || i.status === s || U((e) => e.map((e) => e.id === n ? {
 			...e,
 			status: s
 		} : e));
 	}
-	function Q({ active: e, over: t }) {
-		let n = U?.status;
-		if (W(null), !t) {
-			H(x);
+	function te({ active: e, over: t }) {
+		let n = W?.status;
+		if (G(null), !t) {
+			U(x);
 			return;
 		}
-		let r = e.id, i = t.id, a = V.findIndex((e) => e.id === r), o = V.findIndex((e) => e.id === i), s;
-		if (s = a !== -1 && o !== -1 && a !== o ? f(V, a, o) : [...V], H(s), C?.(s), n) {
+		let r = e.id, i = t.id, a = H.findIndex((e) => e.id === r), o = H.findIndex((e) => e.id === i), s;
+		if (s = a !== -1 && o !== -1 && a !== o ? ee(H, a, o) : [...H], U(s), C?.(s), n) {
 			let e = s.find((e) => e.id === r);
 			e && e.status !== n && k?.(e, n, e.status);
 		}
 	}
-	function te(e) {
-		T ? K({
+	function ne(e) {
+		T ? q({
 			mode: "edit",
 			task: e
 		}) : w?.(e);
 	}
-	function ne(e) {
-		K({
+	function re(e) {
+		q({
 			mode: "add",
 			columnId: e
 		});
 	}
-	function re(e) {
-		let t = !V.find((t) => t.id === e.id), n = t ? [...V, e] : V.map((t) => t.id === e.id ? e : t);
-		H(n), C?.(n), t ? E?.(e) : D?.(e), K(null);
-	}
 	function ie(e) {
-		let t = V.filter((t) => t.id !== e);
-		H(t), C?.(t), O?.(e), K(null);
+		let t = !H.find((t) => t.id === e.id), n = t ? [...H, e] : H.map((t) => t.id === e.id ? e : t);
+		U(n), C?.(n), t ? E?.(e) : D?.(e), q(null);
 	}
 	function ae(e) {
-		K({
+		let t = H.filter((t) => t.id !== e);
+		U(t), C?.(t), O?.(e), q(null);
+	}
+	function oe(e) {
+		q({
 			mode: "delete",
 			task: e
 		});
 	}
-	let $ = (I || q).trim().toLowerCase();
-	function oe(e) {
+	let $ = (L || J).trim().toLowerCase();
+	function se(e) {
 		return $ ? e.title.toLowerCase().includes($) || (e.assignee?.toLowerCase().includes($) ?? !1) : !0;
 	}
-	return /* @__PURE__ */ b(h, {
+	return /* @__PURE__ */ b(m, {
 		className: e.root,
 		sx: {
-			width: L,
-			height: R,
+			width: R,
+			height: z,
 			display: "flex",
 			flexDirection: "column",
 			overflow: "hidden"
 		},
 		children: [
-			F && /* @__PURE__ */ y(h, {
+			I && /* @__PURE__ */ y(m, {
 				className: e.searchFieldWrapper,
 				sx: {
 					px: 2,
 					pt: 1.5,
 					pb: .5
 				},
-				children: /* @__PURE__ */ y(ee, {
+				children: /* @__PURE__ */ y(g, {
 					className: e.searchField,
 					size: "small",
-					placeholder: B.searchFieldPlaceholder,
-					value: q,
-					onChange: (e) => J(e.target.value),
+					placeholder: V.searchFieldPlaceholder,
+					value: J,
+					onChange: (e) => Y(e.target.value),
 					slotProps: {
-						input: { startAdornment: /* @__PURE__ */ y(g, {
+						input: { startAdornment: /* @__PURE__ */ y(h, {
 							position: "start",
-							children: /* @__PURE__ */ y(m, {
+							children: /* @__PURE__ */ y(p, {
 								fontSize: "small",
 								sx: { color: "text.disabled" }
 							})
 						}) },
-						htmlInput: { "aria-label": B.searchFieldPlaceholder }
+						htmlInput: { "aria-label": V.searchFieldPlaceholder }
 					},
 					sx: { width: 280 }
 				})
 			}),
 			/* @__PURE__ */ b(a, {
-				sensors: Y,
+				sensors: X,
 				collisionDetection: l,
-				onDragStart: X,
-				onDragOver: Z,
-				onDragEnd: Q,
-				children: [/* @__PURE__ */ y(h, {
+				onDragStart: Z,
+				onDragOver: Q,
+				onDragEnd: te,
+				children: [/* @__PURE__ */ y(m, {
 					className: e.columns,
 					sx: {
 						flex: 1,
@@ -128,43 +128,47 @@ function x({ tasks: x, columns: S, onTasksChange: C, onCardClick: w, enableBuilt
 						alignItems: "stretch"
 					},
 					children: S.map((e) => {
-						let t = V.filter((t) => t.status === e.id);
+						let t = H.filter((t) => t.status === e.id);
 						return /* @__PURE__ */ y(i, {
 							column: e,
-							tasks: t.filter(oe),
+							tasks: t.filter(se),
 							totalCount: t.length,
 							showPriority: A,
 							showAssignee: j,
 							showDueDate: M,
 							showDueDateWarning: N,
-							chipVariant: P,
-							t: B,
+							showSubtasks: P,
+							chipVariant: F,
+							t: V,
 							enableBuiltinDialogs: T,
-							onCardClick: te,
-							onAddClick: ne
+							onCardClick: ne,
+							onAddClick: re
 						}, e.id);
 					})
-				}), /* @__PURE__ */ y(o, { children: U && /* @__PURE__ */ y(n, {
-					task: U,
+				}), /* @__PURE__ */ y(o, { children: W && /* @__PURE__ */ y(n, {
+					task: W,
 					showPriority: A,
 					showAssignee: j,
 					showDueDate: M,
 					showDueDateWarning: N,
-					chipVariant: P,
-					t: B,
+					showSubtasks: P,
+					enableBuiltinDialogs: !1,
+					chipVariant: F,
+					t: V,
 					onCardClick: () => {},
 					isOverlay: !0
 				}) })]
 			}),
 			T && /* @__PURE__ */ y(r, {
-				state: G,
+				state: K,
 				columns: S,
-				t: B,
-				onSave: re,
-				onDelete: ie,
-				onRequestDelete: ae,
-				onClose: () => K(null)
-			}, G ? `${G.mode}-${G.mode === "add" ? G.columnId : G.task.id}` : "closed")
+				t: V,
+				showSubtasks: P,
+				onSave: ie,
+				onDelete: ae,
+				onRequestDelete: oe,
+				onClose: () => q(null)
+			}, K ? `${K.mode}-${K.mode === "add" ? K.columnId : K.task.id}` : "closed")
 		]
 	});
 }