@thebuoyant-tsdev/mui-ts-library 3.31.0 → 3.33.0

package/README.de.md

@@ -555,6 +555,34 @@ Dieses Projekt folgt [Semantic Versioning](https://semver.org/):
 
 ## Changelog
 
+### [3.33.0] — 2026-07-18
+
+**Hinzugefügt**
+- **KanbanBoard — `filterText`-Prop**: `filterText?: string` filtert sichtbare Karten nach Titel und Zuständiger Person. Der Consumer rendert das Suchfeld selbst und übergibt den String. Spalten-Counter passen sich an; WIP-Limit-Prüfungen nutzen die ungefilterte Gesamtanzahl. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.de.md) für Details.
+
+---
+
+### [3.32.0] — 2026-07-18
+
+**Hinzugefügt**
+- **KanbanBoard — `priority`-Feld + `showPriority`-Prop**: `priority?: "low" | "medium" | "high" | "critical"` auf `KanbanTask` — als farbiger Punkt neben dem Kartentitel. `showPriority={false}` blendet alle Punkte aus. Neuer Typ-Export: `KanbanTaskPriority`. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.de.md) für Details.
+
+---
+
+### [3.31.0] — 2026-07-18
+
+**Hinzugefügt**
+- **KanbanBoard — `showDueDateWarning`**: Überfällige Karten (dueDate in der Vergangenheit) erhalten automatisch roten Chip, Hintergrundton und linken Rahmen. `showDueDateWarning={false}` zum Deaktivieren. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.de.md) für Details.
+- **KanbanBoard — `width`-Prop**: `width?: number | string` (Standard `"100%"`).
+
+**Behoben**
+- **KanbanBoard — Spalten-Scroll**: Karten in einer hohen Spalte scrollen jetzt korrekt statt still abgeschnitten zu werden.
+
+**Geändert**
+- **KanbanBoard — Kartenoptik poliert**: Expliziter `1px`-Rahmen, kontrollierter Box-Shadow mit Hover-Lift, ausgeblendeter Scrollbalken, `fontWeight: 700`-Titel. Siehe [Vollständiger Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.de.md) für Details.
+
+---
+
 ### [3.30.0] — 2026-07-17
 
 **Hinzugefügt**

package/README.md

@@ -555,6 +555,34 @@ This project follows [Semantic Versioning](https://semver.org/):
 
 ## Changelog
 
+### [3.33.0] — 2026-07-18
+
+**Added**
+- **KanbanBoard — `filterText` prop**: `filterText?: string` filters visible cards by title and assignee. The consumer renders the search field and passes the string. Column counters adjust; WIP-limit checks use the unfiltered total. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
+### [3.32.0] — 2026-07-18
+
+**Added**
+- **KanbanBoard — `priority` field + `showPriority` prop**: `priority?: "low" | "medium" | "high" | "critical"` on `KanbanTask` — shown as a colored dot next to the card title. `showPriority={false}` to hide all dots. New type export: `KanbanTaskPriority`. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
+### [3.31.0] — 2026-07-18
+
+**Added**
+- **KanbanBoard — `showDueDateWarning`**: Overdue cards (dueDate in the past) auto-highlight with a red chip, background tint, and left border. `showDueDateWarning={false}` to opt out. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+- **KanbanBoard — `width` prop**: `width?: number | string` (default `"100%"`).
+
+**Fixed**
+- **KanbanBoard — column scroll**: Cards in a tall column now scroll correctly instead of being silently clipped.
+
+**Changed**
+- **KanbanBoard — card visual polish**: Explicit `1px` border, controlled box-shadow with hover lift, hidden scrollbar, `fontWeight: 700` title. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
 ### [3.30.0] — 2026-07-17
 
 **Added**

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, showAssignee, showDueDate, showDueDateWarning, chipVariant, 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, chipVariant, filterText, width, height, translation, }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,81 +9,85 @@ import { Box as m } from "@mui/material";
 import { useEffect as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/kanban-board/KanbanBoard.tsx
-function y({ tasks: y, columns: b, onTasksChange: x, onCardClick: S, enableBuiltinDialogs: C = !0, onTaskCreated: w, onTaskUpdated: T, onTaskDeleted: E, onTaskMoved: D, showAssignee: O = !0, showDueDate: k = !0, showDueDateWarning: A = !0, chipVariant: j = "outlined", width: M = "100%", height: N = "100%", translation: P }) {
-	let F = {
+function y({ tasks: y, columns: b, onTasksChange: x, onCardClick: S, enableBuiltinDialogs: C = !0, onTaskCreated: w, onTaskUpdated: T, onTaskDeleted: E, onTaskMoved: D, showPriority: O = !0, showAssignee: k = !0, showDueDate: A = !0, showDueDateWarning: j = !0, chipVariant: M = "outlined", filterText: N = "", width: P = "100%", height: F = "100%", translation: I }) {
+	let L = {
 		...t,
-		...P
-	}, [I, L] = g(y);
+		...I
+	}, [R, z] = g(y);
 	h(() => {
-		L(y);
+		z(y);
 	}, [y]);
-	let [R, z] = g(null), [B, V] = g(null), H = d(u(c, { activationConstraint: { distance: 8 } }), u(s, { coordinateGetter: p }));
-	function U({ active: e }) {
-		z(I.find((t) => t.id === e.id) ?? null);
+	let [B, V] = g(null), [H, U] = g(null), W = d(u(c, { activationConstraint: { distance: 8 } }), u(s, { coordinateGetter: p }));
+	function G({ active: e }) {
+		V(R.find((t) => t.id === e.id) ?? null);
 	}
-	function W({ active: e, over: t }) {
+	function K({ active: e, over: t }) {
 		if (!t) return;
-		let n = e.id, r = t.id, i = I.find((e) => e.id === n);
+		let n = e.id, r = t.id, i = R.find((e) => e.id === n);
 		if (!i) return;
-		let a = b.find((e) => e.id === r), o = I.find((e) => e.id === r), s = a?.id ?? o?.status;
-		!s || i.status === s || L((e) => e.map((e) => e.id === n ? {
+		let a = b.find((e) => e.id === r), o = R.find((e) => e.id === r), s = a?.id ?? o?.status;
+		!s || i.status === s || z((e) => e.map((e) => e.id === n ? {
 			...e,
 			status: s
 		} : e));
 	}
-	function G({ active: e, over: t }) {
-		let n = R?.status;
-		if (z(null), !t) {
-			L(y);
+	function q({ active: e, over: t }) {
+		let n = B?.status;
+		if (V(null), !t) {
+			z(y);
 			return;
 		}
-		let r = e.id, i = t.id, a = I.findIndex((e) => e.id === r), o = I.findIndex((e) => e.id === i), s;
-		if (s = a !== -1 && o !== -1 && a !== o ? f(I, a, o) : [...I], L(s), x?.(s), n) {
+		let r = e.id, i = t.id, a = R.findIndex((e) => e.id === r), o = R.findIndex((e) => e.id === i), s;
+		if (s = a !== -1 && o !== -1 && a !== o ? f(R, a, o) : [...R], z(s), x?.(s), n) {
 			let e = s.find((e) => e.id === r);
 			e && e.status !== n && D?.(e, n, e.status);
 		}
 	}
-	function K(e) {
-		C ? V({
+	function J(e) {
+		C ? U({
 			mode: "edit",
 			task: e
 		}) : S?.(e);
 	}
-	function q(e) {
-		V({
+	function Y(e) {
+		U({
 			mode: "add",
 			columnId: e
 		});
 	}
-	function J(e) {
-		let t = !I.find((t) => t.id === e.id), n = t ? [...I, e] : I.map((t) => t.id === e.id ? e : t);
-		L(n), x?.(n), t ? w?.(e) : T?.(e), V(null);
+	function X(e) {
+		let t = !R.find((t) => t.id === e.id), n = t ? [...R, e] : R.map((t) => t.id === e.id ? e : t);
+		z(n), x?.(n), t ? w?.(e) : T?.(e), U(null);
 	}
-	function Y(e) {
-		let t = I.filter((t) => t.id !== e);
-		L(t), x?.(t), E?.(e), V(null);
+	function Z(e) {
+		let t = R.filter((t) => t.id !== e);
+		z(t), x?.(t), E?.(e), U(null);
 	}
-	function X(e) {
-		V({
+	function Q(e) {
+		U({
 			mode: "delete",
 			task: e
 		});
 	}
+	let $ = N.trim().toLowerCase();
+	function ee(e) {
+		return $ ? e.title.toLowerCase().includes($) || (e.assignee?.toLowerCase().includes($) ?? !1) : !0;
+	}
 	return /* @__PURE__ */ v(m, {
 		className: e.root,
 		sx: {
-			width: M,
-			height: N,
+			width: P,
+			height: F,
 			display: "flex",
 			flexDirection: "column",
 			overflow: "hidden"
 		},
 		children: [/* @__PURE__ */ v(a, {
-			sensors: H,
+			sensors: W,
 			collisionDetection: l,
-			onDragStart: U,
-			onDragOver: W,
-			onDragEnd: G,
+			onDragStart: G,
+			onDragOver: K,
+			onDragEnd: q,
 			children: [/* @__PURE__ */ _(m, {
 				className: e.columns,
 				sx: {
@@ -95,37 +99,43 @@ function y({ tasks: y, columns: b, onTasksChange: x, onCardClick: S, enableBuilt
 					overflowY: "hidden",
 					alignItems: "stretch"
 				},
-				children: b.map((e) => /* @__PURE__ */ _(i, {
-					column: e,
-					tasks: I.filter((t) => t.status === e.id),
-					showAssignee: O,
-					showDueDate: k,
-					showDueDateWarning: A,
-					chipVariant: j,
-					t: F,
-					enableBuiltinDialogs: C,
-					onCardClick: K,
-					onAddClick: q
-				}, e.id))
-			}), /* @__PURE__ */ _(o, { children: R && /* @__PURE__ */ _(n, {
-				task: R,
-				showAssignee: O,
-				showDueDate: k,
-				showDueDateWarning: A,
-				chipVariant: j,
-				t: F,
+				children: b.map((e) => {
+					let t = R.filter((t) => t.status === e.id);
+					return /* @__PURE__ */ _(i, {
+						column: e,
+						tasks: t.filter(ee),
+						totalCount: t.length,
+						showPriority: O,
+						showAssignee: k,
+						showDueDate: A,
+						showDueDateWarning: j,
+						chipVariant: M,
+						t: L,
+						enableBuiltinDialogs: C,
+						onCardClick: J,
+						onAddClick: Y
+					}, e.id);
+				})
+			}), /* @__PURE__ */ _(o, { children: B && /* @__PURE__ */ _(n, {
+				task: B,
+				showPriority: O,
+				showAssignee: k,
+				showDueDate: A,
+				showDueDateWarning: j,
+				chipVariant: M,
+				t: L,
 				onCardClick: () => {},
 				isOverlay: !0
 			}) })]
 		}), C && /* @__PURE__ */ _(r, {
-			state: B,
+			state: H,
 			columns: b,
-			t: F,
-			onSave: J,
-			onDelete: Y,
-			onRequestDelete: X,
-			onClose: () => V(null)
-		}, B ? `${B.mode}-${B.mode === "add" ? B.columnId : B.task.id}` : "closed")]
+			t: L,
+			onSave: X,
+			onDelete: Z,
+			onRequestDelete: Q,
+			onClose: () => U(null)
+		}, H ? `${H.mode}-${H.mode === "add" ? H.columnId : H.task.id}` : "closed")]
 	});
 }
 //#endregion

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

@@ -1,3 +1,4 @@
+export type KanbanTaskPriority = "low" | "medium" | "high" | "critical";
 export type KanbanTask = {
     id: string;
     title: string;
@@ -8,6 +9,8 @@ export type KanbanTask = {
     /** Overrides the column's default card color for this individual card. Any CSS color value. */
     color?: string;
     dueDate?: Date;
+    /** Optional priority level — shown as a colored dot next to the card title when `showPriority` is true. */
+    priority?: KanbanTaskPriority;
 };
 export type KanbanColumn = {
     /** Used as the key — must match `KanbanTask.status` values. */
@@ -67,6 +70,11 @@ export type KanbanBoardProps = {
      * so consumers can issue a targeted API call without diffing the full list.
      */
     onTaskMoved?: (task: KanbanTask, fromColumnId: string, toColumnId: string) => void;
+    /**
+     * Show the priority dot on cards (default: true).
+     * Has no visual effect when a card has no `priority` field set.
+     */
+    showPriority?: boolean;
     /** Show the assignee label on cards (default: true). */
     showAssignee?: boolean;
     /** Show the due date on cards (default: true). */
@@ -84,6 +92,14 @@ export type KanbanBoardProps = {
      * `"filled"` — solid background, more prominent.
      */
     chipVariant?: "outlined" | "filled";
+    /**
+     * Filters visible cards by title and assignee (case-insensitive substring match).
+     * The consumer is responsible for rendering the search input and passing the string.
+     * An empty string or `undefined` shows all cards.
+     * Column counters reflect the filtered count; WIP-limit checks always use the
+     * unfiltered column total so the over-limit warning is never hidden by a filter.
+     */
+    filterText?: string;
     /** Width of the board. Default: "100%". */
     width?: number | string;
     /** Height of the board. Default: "100%". */

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

@@ -1,6 +1,7 @@
 import type { KanbanBoardTranslation, KanbanTask } from "./KanbanBoard.types";
 type KanbanBoardCardProps = {
     task: KanbanTask;
+    showPriority: boolean;
     showAssignee: boolean;
     showDueDate: boolean;
     showDueDateWarning: boolean;
@@ -10,5 +11,5 @@ type KanbanBoardCardProps = {
     /** True when this card is the drag overlay ghost — rendered without transform/listeners. */
     isOverlay?: boolean;
 };
-export declare function KanbanBoardCard({ task, showAssignee, showDueDate, showDueDateWarning, chipVariant, t, onCardClick, isOverlay, }: KanbanBoardCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoardCard({ task, showPriority, showAssignee, showDueDate, showDueDateWarning, chipVariant, t, onCardClick, isOverlay, }: KanbanBoardCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,6 +9,11 @@ import { alpha as f } from "@mui/material/styles";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/kanban-board/KanbanBoardCard.tsx
 var h = {
+	low: "#4caf50",
+	medium: "#ff9800",
+	high: "#f44336",
+	critical: "#9c27b0"
+}, g = {
 	fontSize: "0.7rem",
 	height: 22,
 	"& .MuiChip-icon": {
@@ -23,48 +28,48 @@ var h = {
 		pr: "10px"
 	}
 };
-function g({ task: g, showAssignee: _, showDueDate: v, showDueDateWarning: y, chipVariant: b, t: x, onCardClick: S, isOverlay: C = !1 }) {
-	let { attributes: w, listeners: T, setNodeRef: E, transform: D, transition: O, isDragging: k } = n({
-		id: g.id,
-		disabled: C
-	}), A = C ? void 0 : {
-		transform: l.Transform.toString(D),
-		transition: O,
-		opacity: +!k
-	}, j = _ && !!g.assignee || v && !!g.dueDate, M = g.dueDate ? g.dueDate.toLocaleDateString(void 0, {
+function _({ task: _, showPriority: v, showAssignee: y, showDueDate: b, showDueDateWarning: x, chipVariant: S, t: C, onCardClick: w, isOverlay: T = !1 }) {
+	let { attributes: E, listeners: D, setNodeRef: O, transform: k, transition: A, isDragging: j } = n({
+		id: _.id,
+		disabled: T
+	}), M = T ? void 0 : {
+		transform: l.Transform.toString(k),
+		transition: A,
+		opacity: +!j
+	}, N = y && !!_.assignee || b && !!_.dueDate, P = _.dueDate ? _.dueDate.toLocaleDateString(void 0, {
 		day: "2-digit",
 		month: "short",
 		year: "numeric"
-	}) : null, N = /* @__PURE__ */ new Date();
-	N.setHours(0, 0, 0, 0);
-	let P = y && !!g.dueDate && g.dueDate < N;
+	}) : null, F = /* @__PURE__ */ new Date();
+	F.setHours(0, 0, 0, 0);
+	let I = x && !!_.dueDate && _.dueDate < F;
 	return /* @__PURE__ */ p(i, {
-		ref: C ? void 0 : E,
-		style: A,
+		ref: T ? void 0 : O,
+		style: M,
 		elevation: 0,
-		className: [t.card, k && e.selected].filter(Boolean).join(" "),
+		className: [t.card, j && e.selected].filter(Boolean).join(" "),
 		sx: {
 			mb: 1,
 			border: "1px solid",
-			borderColor: P && !g.color ? "error.light" : "divider",
-			borderLeft: g.color ? `4px solid ${g.color}` : P ? (e) => `4px solid ${e.palette.error.main}` : void 0,
+			borderColor: I && !_.color ? "error.light" : "divider",
+			borderLeft: _.color ? `4px solid ${_.color}` : I ? (e) => `4px solid ${e.palette.error.main}` : void 0,
 			userSelect: "none",
-			cursor: C ? "grabbing" : "grab",
-			bgcolor: (e) => P ? e.palette.mode === "dark" ? f(e.palette.error.main, .12) : f(e.palette.error.main, .04) : e.palette.mode === "dark" ? e.palette.grey[800] : e.palette.background.paper,
+			cursor: T ? "grabbing" : "grab",
+			bgcolor: (e) => I ? e.palette.mode === "dark" ? f(e.palette.error.main, .12) : f(e.palette.error.main, .04) : e.palette.mode === "dark" ? e.palette.grey[800] : e.palette.background.paper,
 			boxShadow: (e) => e.palette.mode === "dark" ? "0 1px 3px rgba(0,0,0,0.4)" : "0 1px 3px rgba(0,0,0,0.08)",
 			transition: "box-shadow 0.15s ease, transform 0.15s ease",
-			...!k && !C && { "&:hover": {
+			...!j && !T && { "&:hover": {
 				boxShadow: (e) => e.palette.mode === "dark" ? "0 4px 14px rgba(0,0,0,0.5)" : "0 4px 14px rgba(0,0,0,0.12)",
 				transform: "translateY(-1px)"
 			} },
 			"&:active": { cursor: "grabbing" }
 		},
-		...C ? {} : {
-			...w,
-			...T
+		...T ? {} : {
+			...E,
+			...D
 		},
-		onClick: () => !k && S(g),
-		"aria-label": g.title,
+		onClick: () => !j && w(_),
+		"aria-label": _.title,
 		children: /* @__PURE__ */ p(a, {
 			component: "div",
 			sx: { cursor: "inherit" },
@@ -73,17 +78,37 @@ function g({ task: g, showAssignee: _, showDueDate: v, showDueDateWarning: y, ch
 					p: 1.5,
 					"&:last-child": { pb: 1.5 }
 				},
-				children: [/* @__PURE__ */ p(c, {
-					className: t.cardTitle,
-					variant: "body2",
+				children: [/* @__PURE__ */ m(r, {
 					sx: {
-						mb: +!!j,
-						lineHeight: 1.4,
-						fontWeight: 700,
-						letterSpacing: "-0.01em"
+						display: "flex",
+						alignItems: "flex-start",
+						gap: .75,
+						mb: +!!N
 					},
-					children: g.title
-				}), j && /* @__PURE__ */ m(r, {
+					children: [v && _.priority && /* @__PURE__ */ p(r, {
+						className: t.cardPriorityDot,
+						role: "img",
+						"aria-label": `Priority: ${_.priority}`,
+						sx: {
+							width: 8,
+							height: 8,
+							minWidth: 8,
+							borderRadius: "50%",
+							bgcolor: h[_.priority],
+							mt: "5px",
+							flexShrink: 0
+						}
+					}), /* @__PURE__ */ p(c, {
+						className: t.cardTitle,
+						variant: "body2",
+						sx: {
+							lineHeight: 1.4,
+							fontWeight: 700,
+							letterSpacing: "-0.01em"
+						},
+						children: _.title
+					})]
+				}), N && /* @__PURE__ */ m(r, {
 					className: t.cardMeta,
 					sx: {
 						display: "flex",
@@ -91,23 +116,23 @@ function g({ task: g, showAssignee: _, showDueDate: v, showDueDateWarning: y, ch
 						flexWrap: "wrap",
 						alignItems: "center"
 					},
-					children: [_ && g.assignee && /* @__PURE__ */ p(s, {
+					children: [y && _.assignee && /* @__PURE__ */ p(s, {
 						className: t.cardAssignee,
 						icon: /* @__PURE__ */ p(d, {}),
-						label: g.assignee,
+						label: _.assignee,
 						size: "small",
-						variant: b,
-						"aria-label": `${x.dialogFieldAssignee}: ${g.assignee}`,
-						sx: h
-					}), v && M && /* @__PURE__ */ p(s, {
+						variant: S,
+						"aria-label": `${C.dialogFieldAssignee}: ${_.assignee}`,
+						sx: g
+					}), b && P && /* @__PURE__ */ p(s, {
 						className: t.cardDueDate,
 						icon: /* @__PURE__ */ p(u, {}),
-						label: M,
+						label: P,
 						size: "small",
-						variant: b,
-						color: P ? "error" : "default",
-						"aria-label": `${x.dialogFieldDueDate}: ${M}`,
-						sx: h
+						variant: S,
+						color: I ? "error" : "default",
+						"aria-label": `${C.dialogFieldDueDate}: ${P}`,
+						sx: g
 					})]
 				})]
 			})
@@ -115,4 +140,4 @@ function g({ task: g, showAssignee: _, showDueDate: v, showDueDateWarning: y, ch
 	});
 }
 //#endregion
-export { g as KanbanBoardCard };
+export { _ as KanbanBoardCard };

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

@@ -2,6 +2,9 @@ import type { KanbanBoardTranslation, KanbanColumn, KanbanTask } from "./KanbanB
 type KanbanBoardColumnProps = {
     column: KanbanColumn;
     tasks: KanbanTask[];
+    /** Total tasks in this column before any filter — used for WIP-limit checking. */
+    totalCount: number;
+    showPriority: boolean;
     showAssignee: boolean;
     showDueDate: boolean;
     showDueDateWarning: boolean;
@@ -11,5 +14,5 @@ type KanbanBoardColumnProps = {
     onCardClick: (task: KanbanTask) => void;
     onAddClick: (columnId: string) => void;
 };
-export declare function KanbanBoardColumn({ column, tasks, showAssignee, showDueDate, showDueDateWarning, chipVariant, t, enableBuiltinDialogs, onCardClick, onAddClick, }: KanbanBoardColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoardColumn({ column, tasks, totalCount, showPriority, showAssignee, showDueDate, showDueDateWarning, chipVariant, t, enableBuiltinDialogs, onCardClick, onAddClick, }: KanbanBoardColumnProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,8 +6,8 @@ import { Box as a, Button as o, Chip as s, Typography as c } from "@mui/material
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "@mui/icons-material/Add";
 //#region src/components/kanban-board/KanbanBoardColumn.tsx
-function f({ column: f, tasks: p, showAssignee: m, showDueDate: h, showDueDateWarning: g, chipVariant: _, t: v, enableBuiltinDialogs: y, onCardClick: b, onAddClick: x }) {
-	let { setNodeRef: S, isOver: C } = n({ id: f.id }), w = f.wipLimit !== void 0 && p.length > f.wipLimit, T = f.wipLimit === void 0 ? `${p.length}` : `${p.length} / ${f.wipLimit}`, E = f.color ?? "primary.main";
+function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee: g, showDueDate: _, showDueDateWarning: v, chipVariant: y, t: b, enableBuiltinDialogs: x, onCardClick: S, onAddClick: C }) {
+	let { setNodeRef: w, isOver: T } = n({ id: f.id }), E = f.wipLimit !== void 0 && m > f.wipLimit, D = f.wipLimit === void 0 ? `${p.length}` : `${p.length} / ${f.wipLimit}`, O = f.color ?? "primary.main";
 	return /* @__PURE__ */ u(a, {
 		className: e.column,
 		sx: {
@@ -46,25 +46,25 @@ function f({ column: f, tasks: p, showAssignee: m, showDueDate: h, showDueDateWa
 					children: f.label
 				}), /* @__PURE__ */ l(s, {
 					className: e.columnCount,
-					label: T,
+					label: D,
 					size: "small",
-					color: w ? "error" : "default",
+					color: E ? "error" : "default",
 					sx: {
 						height: 20,
 						fontSize: "0.7rem",
-						...!w && f.color && {
+						...!E && f.color && {
 							bgcolor: f.color,
 							color: "#fff"
 						}
 					},
-					"aria-label": `${p.length} cards${f.wipLimit ? ` of ${f.wipLimit} limit` : ""}`
+					"aria-label": `${p.length} cards${f.wipLimit ? ` of ${f.wipLimit} limit` : ""}${p.length === m ? "" : ` (${m} total)`}`
 				})]
 			}),
 			/* @__PURE__ */ l(r, {
 				items: p.map((e) => e.id),
 				strategy: i,
 				children: /* @__PURE__ */ u(a, {
-					ref: S,
+					ref: w,
 					className: e.columnBody,
 					sx: {
 						flex: 1,
@@ -73,10 +73,10 @@ function f({ column: f, tasks: p, showAssignee: m, showDueDate: h, showDueDateWa
 						"&::-webkit-scrollbar": { display: "none" },
 						p: 1,
 						minHeight: 80,
-						bgcolor: (e) => C ? e.palette.action.selected : e.palette.mode === "dark" ? e.palette.grey[900] : e.palette.grey[100],
+						bgcolor: (e) => T ? 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 && !C && /* @__PURE__ */ l(c, {
+					children: [p.length === 0 && !T && /* @__PURE__ */ l(c, {
 						variant: "caption",
 						color: "text.disabled",
 						sx: {
@@ -84,19 +84,20 @@ function f({ column: f, tasks: p, showAssignee: m, showDueDate: h, showDueDateWa
 							textAlign: "center",
 							mt: 2
 						},
-						children: v.noCardsLabel
+						children: b.noCardsLabel
 					}), p.map((e) => /* @__PURE__ */ l(t, {
 						task: e,
-						showAssignee: m,
-						showDueDate: h,
-						showDueDateWarning: g,
-						chipVariant: _,
-						t: v,
-						onCardClick: b
+						showPriority: h,
+						showAssignee: g,
+						showDueDate: _,
+						showDueDateWarning: v,
+						chipVariant: y,
+						t: b,
+						onCardClick: S
 					}, e.id))]
 				})
 			}),
-			y && /* @__PURE__ */ l(a, {
+			x && /* @__PURE__ */ l(a, {
 				sx: {
 					p: 1,
 					borderTop: "1px solid",
@@ -107,12 +108,12 @@ function f({ column: f, tasks: p, showAssignee: m, showDueDate: h, showDueDateWa
 					startIcon: /* @__PURE__ */ l(d, {}),
 					size: "small",
 					fullWidth: !0,
-					onClick: () => x(f.id),
+					onClick: () => C(f.id),
 					sx: {
 						justifyContent: "flex-start",
-						color: E,
+						color: O,
 						border: "1px dashed",
-						borderColor: E,
+						borderColor: O,
 						borderRadius: 1,
 						py: .75,
 						fontWeight: 600,
@@ -122,7 +123,7 @@ function f({ column: f, tasks: p, showAssignee: m, showDueDate: h, showDueDateWa
 							borderStyle: "dashed"
 						}
 					},
-					children: v.addCardLabel
+					children: b.addCardLabel
 				})
 			})
 		]

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

@@ -42,6 +42,8 @@ export declare const kanbanBoardClasses: {
     readonly cardAssignee: "MuiTsKanbanBoard-cardAssignee";
     /** The due date label on a card. */
     readonly cardDueDate: "MuiTsKanbanBoard-cardDueDate";
+    /** The priority indicator dot on a card. */
+    readonly cardPriorityDot: "MuiTsKanbanBoard-cardPriorityDot";
     /** The "+ Add card" button at the bottom of each column. */
     readonly addButton: "MuiTsKanbanBoard-addButton";
 };

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

@@ -12,6 +12,7 @@ var e = {
 	cardMeta: "MuiTsKanbanBoard-cardMeta",
 	cardAssignee: "MuiTsKanbanBoard-cardAssignee",
 	cardDueDate: "MuiTsKanbanBoard-cardDueDate",
+	cardPriorityDot: "MuiTsKanbanBoard-cardPriorityDot",
 	addButton: "MuiTsKanbanBoard-addButton"
 };
 //#endregion