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

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

@@ -1,12 +1,12 @@
-import { Box as e, Button as t, Checkbox as n, Dialog as r, DialogActions as i, DialogContent as a, DialogContentText as o, DialogTitle as s, FormControlLabel as c, IconButton as l, InputAdornment as u, MenuItem as d, Stack as f, TextField as p, Typography as m } from "@mui/material";
-import { useState as h } from "react";
-import g from "@mui/icons-material/Add";
+import e from "@mui/icons-material/Add";
+import { Box as t, Button as n, Checkbox as r, Dialog as i, DialogActions as a, DialogContent as o, DialogContentText as s, DialogTitle as c, FormControlLabel as l, IconButton as u, InputAdornment as d, MenuItem as f, Stack as p, TextField as m, Typography as h } from "@mui/material";
+import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import b from "@mui/icons-material/Close";
 import x from "@mui/icons-material/Delete";
 //#region src/components/kanban-board/KanbanBoardCardDialog.tsx
 function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D, onClose: O, onRequestDelete: k }) {
-	let A = S?.mode === "add", j = S?.mode === "edit", M = S?.mode === "delete", N = j ? S.task : null, P = M ? S.task : null, F = A ? S.columnId : null, [I, L] = h(() => j && N ? { ...N } : A && F ? {
+	let A = S?.mode === "add", j = S?.mode === "edit", M = S?.mode === "delete", N = j ? S.task : null, P = M ? S.task : null, F = A ? S.columnId : null, [I, L] = g(() => j && N ? { ...N } : A && F ? {
 		id: "",
 		title: "",
 		status: F
@@ -14,7 +14,7 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 		id: "",
 		title: "",
 		status: C[0]?.id ?? ""
-	}), [R, z] = h("");
+	}), [R, z] = g("");
 	function B() {
 		let e = R.trim();
 		if (!e) return;
@@ -58,24 +58,24 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 		}));
 	}
 	let G = A ? w.dialogAddTitle : j ? w.dialogEditTitle : w.dialogDeleteTitle;
-	return /* @__PURE__ */ y(r, {
+	return /* @__PURE__ */ y(i, {
 		open: !!S,
 		onClose: O,
 		maxWidth: "xs",
 		fullWidth: !0,
-		children: [/* @__PURE__ */ v(s, { children: G }), M && P ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(o, { children: w.dialogDeleteConfirm.replace("{title}", P.title) }) }), /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v(t, {
+		children: [/* @__PURE__ */ v(c, { children: G }), M && P ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(s, { children: w.dialogDeleteConfirm.replace("{title}", P.title) }) }), /* @__PURE__ */ y(a, { children: [/* @__PURE__ */ v(n, {
 			onClick: O,
 			children: w.dialogCancel
-		}), /* @__PURE__ */ v(t, {
+		}), /* @__PURE__ */ v(n, {
 			color: "error",
 			startIcon: /* @__PURE__ */ v(x, {}),
 			onClick: () => D(P.id),
 			children: w.dialogDelete
-		})] })] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(a, { children: /* @__PURE__ */ y(f, {
+		})] })] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(o, { children: /* @__PURE__ */ y(p, {
 			spacing: 2,
 			sx: { pt: .5 },
 			children: [
-				/* @__PURE__ */ v(p, {
+				/* @__PURE__ */ v(m, {
 					label: w.dialogFieldTitle,
 					value: I.title,
 					onChange: (e) => W("title", e.target.value),
@@ -85,7 +85,7 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 					autoFocus: !0,
 					onKeyDown: (e) => e.key === "Enter" && U()
 				}),
-				/* @__PURE__ */ v(p, {
+				/* @__PURE__ */ v(m, {
 					label: w.dialogFieldDescription,
 					value: I.description ?? "",
 					onChange: (e) => W("description", e.target.value || void 0),
@@ -94,14 +94,14 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 					multiline: !0,
 					rows: 3
 				}),
-				/* @__PURE__ */ v(p, {
+				/* @__PURE__ */ v(m, {
 					label: w.dialogFieldAssignee,
 					value: I.assignee ?? "",
 					onChange: (e) => W("assignee", e.target.value || void 0),
 					fullWidth: !0,
 					size: "small"
 				}),
-				/* @__PURE__ */ v(p, {
+				/* @__PURE__ */ v(m, {
 					label: w.dialogFieldDueDate,
 					type: "date",
 					value: I.dueDate ? I.dueDate.toISOString().split("T")[0] : "",
@@ -110,20 +110,20 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 					size: "small",
 					slotProps: { inputLabel: { shrink: !0 } }
 				}),
-				/* @__PURE__ */ v(p, {
+				/* @__PURE__ */ v(m, {
 					select: !0,
 					label: w.dialogFieldStatus,
 					value: I.status,
 					onChange: (e) => W("status", e.target.value),
 					fullWidth: !0,
 					size: "small",
-					children: C.map((e) => /* @__PURE__ */ v(d, {
+					children: C.map((e) => /* @__PURE__ */ v(f, {
 						value: e.id,
 						children: e.label
 					}, e.id))
 				}),
-				T && /* @__PURE__ */ y(e, { children: [
-					/* @__PURE__ */ v(m, {
+				T && /* @__PURE__ */ y(t, { children: [
+					/* @__PURE__ */ v(h, {
 						variant: "caption",
 						color: "text.secondary",
 						sx: {
@@ -132,41 +132,41 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 						},
 						children: w.dialogFieldSubtasks
 					}),
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ v(p, {
 						spacing: .25,
-						children: (I.subtasks ?? []).map((t) => /* @__PURE__ */ y(e, {
+						children: (I.subtasks ?? []).map((e) => /* @__PURE__ */ y(t, {
 							sx: {
 								display: "flex",
 								alignItems: "center"
 							},
-							children: [/* @__PURE__ */ v(c, {
+							children: [/* @__PURE__ */ v(l, {
 								sx: {
 									flex: 1,
 									m: 0
 								},
-								control: /* @__PURE__ */ v(n, {
+								control: /* @__PURE__ */ v(r, {
 									size: "small",
-									checked: t.done,
-									onChange: () => V(t.id),
+									checked: e.done,
+									onChange: () => V(e.id),
 									sx: { p: .5 }
 								}),
-								label: /* @__PURE__ */ v(m, {
+								label: /* @__PURE__ */ v(h, {
 									variant: "body2",
 									sx: {
-										textDecoration: t.done ? "line-through" : "none",
-										color: t.done ? "text.disabled" : "text.primary"
+										textDecoration: e.done ? "line-through" : "none",
+										color: e.done ? "text.disabled" : "text.primary"
 									},
-									children: t.title
+									children: e.title
 								})
-							}), /* @__PURE__ */ v(l, {
+							}), /* @__PURE__ */ v(u, {
 								size: "small",
-								onClick: () => H(t.id),
-								"aria-label": `Remove ${t.title}`,
+								onClick: () => H(e.id),
+								"aria-label": `Remove ${e.title}`,
 								children: /* @__PURE__ */ v(b, { fontSize: "small" })
 							})]
-						}, t.id))
+						}, e.id))
 					}),
-					/* @__PURE__ */ v(p, {
+					/* @__PURE__ */ v(m, {
 						size: "small",
 						placeholder: w.dialogSubtaskAdd,
 						value: R,
@@ -176,33 +176,33 @@ function S({ state: S, columns: C, t: w, showSubtasks: T, onSave: E, onDelete: D
 						},
 						fullWidth: !0,
 						sx: { mt: 1 },
-						slotProps: { input: { endAdornment: /* @__PURE__ */ v(u, {
+						slotProps: { input: { endAdornment: /* @__PURE__ */ v(d, {
 							position: "end",
-							children: /* @__PURE__ */ v(l, {
+							children: /* @__PURE__ */ v(u, {
 								size: "small",
 								onClick: B,
 								disabled: !R.trim(),
 								"aria-label": w.dialogSubtaskAdd,
-								children: /* @__PURE__ */ v(g, { fontSize: "small" })
+								children: /* @__PURE__ */ v(e, { fontSize: "small" })
 							})
 						}) } }
 					})
 				] })
 			]
-		}) }), /* @__PURE__ */ y(i, {
+		}) }), /* @__PURE__ */ y(a, {
 			sx: { justifyContent: j ? "space-between" : "flex-end" },
-			children: [j && N && /* @__PURE__ */ v(t, {
+			children: [j && N && /* @__PURE__ */ v(n, {
 				color: "error",
 				startIcon: /* @__PURE__ */ v(x, {}),
 				onClick: () => k(N),
 				children: w.dialogDelete
-			}), /* @__PURE__ */ y(f, {
+			}), /* @__PURE__ */ y(p, {
 				direction: "row",
 				spacing: 1,
-				children: [/* @__PURE__ */ v(t, {
+				children: [/* @__PURE__ */ v(n, {
 					onClick: O,
 					children: w.dialogCancel
-				}), /* @__PURE__ */ v(t, {
+				}), /* @__PURE__ */ v(n, {
 					variant: "contained",
 					onClick: U,
 					disabled: !I.title.trim(),

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

@@ -12,8 +12,11 @@ type KanbanBoardColumnProps = {
     chipVariant: "outlined" | "filled";
     t: Required<KanbanBoardTranslation>;
     enableBuiltinDialogs: boolean;
+    enableColumnManagement: boolean;
     onCardClick: (task: KanbanTask) => void;
     onAddClick: (columnId: string) => void;
+    onColumnRename: (columnId: string, newLabel: string) => void;
+    onColumnDeleteRequest: (columnId: string) => void;
 };
-export declare function KanbanBoardColumn({ column, tasks, totalCount, showPriority, showAssignee, showDueDate, showDueDateWarning, showSubtasks, chipVariant, t, enableBuiltinDialogs, onCardClick, onAddClick, }: KanbanBoardColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoardColumn({ column, tasks, totalCount, showPriority, showAssignee, showDueDate, showDueDateWarning, showSubtasks, chipVariant, t, enableBuiltinDialogs, enableColumnManagement, onCardClick, onAddClick, onColumnRename, onColumnDeleteRequest, }: KanbanBoardColumnProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,13 +2,24 @@ import { kanbanBoardClasses as e } from "./kanbanBoardClasses.js";
 import { KanbanBoardCard as t } from "./KanbanBoardCard.js";
 import { useDroppable as n } from "@dnd-kit/core";
 import { SortableContext as r, verticalListSortingStrategy as i } from "@dnd-kit/sortable";
-import { Box as a, Button as o, Chip as s, Typography as c } from "@mui/material";
-import l from "@mui/icons-material/Add";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import a from "@mui/icons-material/Add";
+import { Box as o, Button as s, Chip as c, IconButton as l, TextField as u, Tooltip as d, Typography as f } from "@mui/material";
+import { useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "@mui/icons-material/DeleteOutlined";
+import _ from "@mui/icons-material/EditOutlined";
 //#region src/components/kanban-board/KanbanBoardColumn.tsx
-function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee: g, showDueDate: _, showDueDateWarning: v, showSubtasks: y, chipVariant: b, t: x, enableBuiltinDialogs: S, onCardClick: C, onAddClick: w }) {
-	let { setNodeRef: T, isOver: E } = n({ id: f.id }), D = f.wipLimit !== void 0 && m > f.wipLimit, O = f.wipLimit === void 0 ? `${p.length}` : `${p.length} / ${f.wipLimit}`, k = f.color ?? "primary.main";
-	return /* @__PURE__ */ d(a, {
+function v({ column: v, tasks: y, totalCount: b, showPriority: x, showAssignee: S, showDueDate: C, showDueDateWarning: w, showSubtasks: T, chipVariant: E, t: D, enableBuiltinDialogs: O, enableColumnManagement: k, onCardClick: A, onAddClick: j, onColumnRename: M, onColumnDeleteRequest: N }) {
+	let { setNodeRef: P, isOver: F } = n({ id: v.id }), [I, L] = p(!1), [R, z] = p(v.label);
+	function B() {
+		let e = R.trim();
+		e && e !== v.label ? M(v.id, e) : z(v.label), L(!1);
+	}
+	function V() {
+		z(v.label), L(!0);
+	}
+	let H = v.wipLimit !== void 0 && b > v.wipLimit, U = v.wipLimit === void 0 ? `${y.length}` : `${y.length} / ${v.wipLimit}`, W = v.color ?? "primary.main";
+	return /* @__PURE__ */ h(o, {
 		className: e.column,
 		sx: {
 			display: "flex",
@@ -23,7 +34,7 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 			borderColor: "divider"
 		},
 		children: [
-			/* @__PURE__ */ d(a, {
+			/* @__PURE__ */ h(o, {
 				className: e.columnHeader,
 				sx: {
 					px: 2,
@@ -33,38 +44,86 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 					gap: 1,
 					borderBottom: "1px solid",
 					borderColor: "divider",
-					borderTop: `3px solid ${f.color ?? "transparent"}`,
+					borderTop: `3px solid ${v.color ?? "transparent"}`,
 					bgcolor: (e) => e.palette.mode === "dark" ? "grey.800" : "grey.300"
 				},
-				children: [/* @__PURE__ */ u(c, {
-					className: e.columnTitle,
-					variant: "subtitle2",
-					sx: {
-						flex: 1,
-						fontWeight: 700
-					},
-					children: f.label
-				}), /* @__PURE__ */ u(s, {
-					className: e.columnCount,
-					label: O,
-					size: "small",
-					color: D ? "error" : "default",
-					sx: {
-						height: 20,
-						fontSize: "0.7rem",
-						...!D && f.color && {
-							bgcolor: f.color,
-							color: "#fff"
-						}
-					},
-					"aria-label": `${p.length} cards${f.wipLimit ? ` of ${f.wipLimit} limit` : ""}${p.length === m ? "" : ` (${m} total)`}`
-				})]
+				children: [
+					I ? /* @__PURE__ */ m(u, {
+						autoFocus: !0,
+						size: "small",
+						value: R,
+						onChange: (e) => z(e.target.value),
+						onBlur: B,
+						onKeyDown: (e) => {
+							e.key === "Enter" && (e.preventDefault(), B()), e.key === "Escape" && (z(v.label), L(!1));
+						},
+						sx: {
+							flex: 1,
+							"& .MuiInputBase-input": {
+								fontWeight: 700,
+								fontSize: "0.875rem",
+								py: .5
+							}
+						},
+						slotProps: { htmlInput: { "aria-label": D.columnRenameTooltip } }
+					}) : /* @__PURE__ */ m(f, {
+						className: e.columnTitle,
+						variant: "subtitle2",
+						sx: {
+							flex: 1,
+							fontWeight: 700
+						},
+						children: v.label
+					}),
+					/* @__PURE__ */ m(c, {
+						className: e.columnCount,
+						label: U,
+						size: "small",
+						color: H ? "error" : "default",
+						sx: {
+							height: 20,
+							fontSize: "0.7rem",
+							...!H && v.color && {
+								bgcolor: v.color,
+								color: "#fff"
+							}
+						},
+						"aria-label": `${y.length} cards${v.wipLimit ? ` of ${v.wipLimit} limit` : ""}${y.length === b ? "" : ` (${b} total)`}`
+					}),
+					k && !I && /* @__PURE__ */ h(o, {
+						className: e.columnActions,
+						sx: {
+							display: "flex",
+							gap: .25
+						},
+						children: [/* @__PURE__ */ m(d, {
+							title: D.columnRenameTooltip,
+							children: /* @__PURE__ */ m(l, {
+								size: "small",
+								onClick: V,
+								sx: { p: .25 },
+								children: /* @__PURE__ */ m(_, { sx: { fontSize: 18 } })
+							})
+						}), /* @__PURE__ */ m(d, {
+							title: D.columnDeleteTooltip,
+							children: /* @__PURE__ */ m(l, {
+								size: "small",
+								onClick: () => N(v.id),
+								sx: {
+									p: .25,
+									color: "error.main"
+								},
+								children: /* @__PURE__ */ m(g, { sx: { fontSize: 18 } })
+							})
+						})]
+					})
+				]
 			}),
-			/* @__PURE__ */ u(r, {
-				items: p.map((e) => e.id),
+			/* @__PURE__ */ m(r, {
+				items: y.map((e) => e.id),
 				strategy: i,
-				children: /* @__PURE__ */ d(a, {
-					ref: T,
+				children: /* @__PURE__ */ h(o, {
+					ref: P,
 					className: e.columnBody,
 					sx: {
 						flex: 1,
@@ -73,10 +132,10 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 						"&::-webkit-scrollbar": { display: "none" },
 						p: 1,
 						minHeight: 80,
-						bgcolor: (e) => E ? e.palette.action.selected : e.palette.mode === "dark" ? e.palette.grey[900] : e.palette.grey[100],
+						bgcolor: (e) => F ? e.palette.action.selected : e.palette.mode === "dark" ? e.palette.grey[900] : e.palette.grey[100],
 						transition: "background-color 0.15s"
 					},
-					children: [p.length === 0 && !E && /* @__PURE__ */ u(c, {
+					children: [y.length === 0 && !F && /* @__PURE__ */ m(f, {
 						variant: "caption",
 						color: "text.disabled",
 						sx: {
@@ -84,38 +143,38 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 							textAlign: "center",
 							mt: 2
 						},
-						children: x.noCardsLabel
-					}), p.map((e) => /* @__PURE__ */ u(t, {
+						children: D.noCardsLabel
+					}), y.map((e) => /* @__PURE__ */ m(t, {
 						task: e,
-						showPriority: h,
-						showAssignee: g,
-						showDueDate: _,
-						showDueDateWarning: v,
-						showSubtasks: y,
-						enableBuiltinDialogs: S,
-						chipVariant: b,
-						t: x,
-						onCardClick: C
+						showPriority: x,
+						showAssignee: S,
+						showDueDate: C,
+						showDueDateWarning: w,
+						showSubtasks: T,
+						enableBuiltinDialogs: O,
+						chipVariant: E,
+						t: D,
+						onCardClick: A
 					}, e.id))]
 				})
 			}),
-			S && /* @__PURE__ */ u(a, {
+			O && /* @__PURE__ */ m(o, {
 				sx: {
 					p: 1,
 					borderTop: "1px solid",
 					borderColor: "divider"
 				},
-				children: /* @__PURE__ */ u(o, {
+				children: /* @__PURE__ */ m(s, {
 					className: e.addButton,
-					startIcon: /* @__PURE__ */ u(l, {}),
+					startIcon: /* @__PURE__ */ m(a, {}),
 					size: "small",
 					fullWidth: !0,
-					onClick: () => w(f.id),
+					onClick: () => j(v.id),
 					sx: {
 						justifyContent: "flex-start",
-						color: k,
+						color: W,
 						border: "1px dashed",
-						borderColor: k,
+						borderColor: W,
 						borderRadius: 1,
 						py: .75,
 						fontWeight: 600,
@@ -125,11 +184,11 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 							borderStyle: "dashed"
 						}
 					},
-					children: x.addCardLabel
+					children: D.addCardLabel
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { f as KanbanBoardColumn };
+export { v as KanbanBoardColumn };

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

@@ -0,0 +1,17 @@
+import type { KanbanBoardTranslation, KanbanColumn } from "./KanbanBoard.types";
+export type KanbanColumnDialogState = {
+    mode: "add";
+} | {
+    mode: "delete";
+    column: KanbanColumn;
+    cardCount: number;
+};
+type Props = {
+    state: KanbanColumnDialogState | null;
+    t: Required<KanbanBoardTranslation>;
+    onAdd: (column: KanbanColumn) => void;
+    onDelete: (columnId: string) => void;
+    onClose: () => void;
+};
+export declare function KanbanBoardColumnDialog({ state, t, onAdd, onDelete, onClose }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,78 @@
+import { Box as e, Button as t, Dialog as n, DialogActions as r, DialogContent as i, DialogTitle as a, TextField as o, Typography as s } from "@mui/material";
+import { useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/kanban-board/KanbanBoardColumnDialog.tsx
+function d({ state: d, t: f, onAdd: p, onDelete: m, onClose: h }) {
+	let [g, _] = c("");
+	if (!d) return null;
+	function v() {
+		let e = g.trim();
+		e && (p({
+			id: crypto.randomUUID(),
+			label: e
+		}), _(""));
+	}
+	if (d.mode === "add") return /* @__PURE__ */ u(n, {
+		open: !0,
+		onClose: h,
+		maxWidth: "xs",
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ l(a, { children: f.columnAddLabel }),
+			/* @__PURE__ */ l(i, { children: /* @__PURE__ */ l(o, {
+				autoFocus: !0,
+				fullWidth: !0,
+				size: "small",
+				placeholder: f.columnAddPlaceholder,
+				value: g,
+				onChange: (e) => _(e.target.value),
+				onKeyDown: (e) => {
+					e.key === "Enter" && v(), e.key === "Escape" && h();
+				},
+				sx: { mt: 1 }
+			}) }),
+			/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(t, {
+				onClick: h,
+				children: f.dialogCancel
+			}), /* @__PURE__ */ l(t, {
+				variant: "contained",
+				onClick: v,
+				disabled: !g.trim(),
+				children: f.dialogSave
+			})] })
+		]
+	});
+	let y = f.columnDeleteConfirm.replace("{label}", d.column.label), b = d.cardCount > 0;
+	return /* @__PURE__ */ u(n, {
+		open: !0,
+		onClose: h,
+		maxWidth: "xs",
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ l(a, { children: y }),
+			b && /* @__PURE__ */ l(i, { children: /* @__PURE__ */ l(e, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 1
+				},
+				children: /* @__PURE__ */ l(s, {
+					variant: "body2",
+					color: "text.secondary",
+					children: f.columnDeleteCardsWarning.replace("{count}", String(d.cardCount))
+				})
+			}) }),
+			/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(t, {
+				onClick: h,
+				children: f.dialogCancel
+			}), /* @__PURE__ */ l(t, {
+				color: "error",
+				variant: "contained",
+				onClick: () => m(d.column.id),
+				children: f.dialogDelete
+			})] })
+		]
+	});
+}
+//#endregion
+export { d as KanbanBoardColumnDialog };

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

@@ -54,4 +54,8 @@ export declare const kanbanBoardClasses: {
     readonly cardSubtasks: "MuiTsKanbanBoard-cardSubtasks";
     /** The LinearProgress bar inside the subtask row. */
     readonly cardSubtasksBar: "MuiTsKanbanBoard-cardSubtasksBar";
+    /** The edit / delete icon row that appears on column header hover (`enableColumnManagement`). */
+    readonly columnActions: "MuiTsKanbanBoard-columnActions";
+    /** The "Add column" ghost button at the end of the columns row (`enableColumnManagement`). */
+    readonly columnAddButton: "MuiTsKanbanBoard-columnAddButton";
 };

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

@@ -17,7 +17,9 @@ var e = {
 	searchFieldWrapper: "MuiTsKanbanBoard-searchFieldWrapper",
 	searchField: "MuiTsKanbanBoard-searchField",
 	cardSubtasks: "MuiTsKanbanBoard-cardSubtasks",
-	cardSubtasksBar: "MuiTsKanbanBoard-cardSubtasksBar"
+	cardSubtasksBar: "MuiTsKanbanBoard-cardSubtasksBar",
+	columnActions: "MuiTsKanbanBoard-columnActions",
+	columnAddButton: "MuiTsKanbanBoard-columnAddButton"
 };
 //#endregion
 export { e as kanbanBoardClasses };