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

package/dist/components/json-editor/JsonEditor.js

@@ -3,8 +3,8 @@ import { JsonEditorContent as n } from "./JsonEditorContent.js";
 import { JsonEditorToolbar as r } from "./JsonEditorToolbar.js";
 import { JsonEditorFooter as i } from "./JsonEditorFooter.js";
 import { normalizeSize as a } from "../shared/normalizeSize.js";
-import { useCallback as o, useRef as s, useState as c } from "react";
-import { Box as l, Divider as u, Paper as d } from "@mui/material";
+import { Box as o, Divider as s, Paper as c } from "@mui/material";
+import { useCallback as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/json-editor/JsonEditor.tsx
 function h(e) {
@@ -22,21 +22,21 @@ function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b,
 	}, H = {
 		...e,
 		...I
-	}, U = a(b), W = a(x), G = U === "auto", K = G ? void 0 : U ?? 300, q = s(null), [J, Y] = c(null), [X, Z] = c({
+	}, U = a(b), W = a(x), G = U === "auto", K = G ? void 0 : U ?? 300, q = u(null), [J, Y] = d(null), [X, Z] = d({
 		line: 1,
 		col: 1
-	}), [Q, $] = c(() => h(g ?? "")), te = o((e) => {
+	}), [Q, $] = d(() => h(g ?? "")), te = l((e) => {
 		q.current = e, Y(e);
-	}, []), ne = o((e, t) => {
+	}, []), ne = l((e, t) => {
 		Z({
 			line: e,
 			col: t
 		});
-	}, []), re = o((e) => {
+	}, []), re = l((e) => {
 		let t = h(e);
 		$(t), v?.(t), _?.(e);
 	}, [_, v]), ie = A || N || !!T;
-	return /* @__PURE__ */ m(l, {
+	return /* @__PURE__ */ m(o, {
 		sx: {
 			width: W ?? "100%",
 			...G ? {
@@ -46,7 +46,7 @@ function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b,
 			} : {}
 		},
 		children: [
-			/* @__PURE__ */ m(d, {
+			/* @__PURE__ */ m(c, {
 				variant: "outlined",
 				sx: {
 					display: "flex",
@@ -66,7 +66,7 @@ function g({ value: g, onChange: _, onValidChange: v, placeholder: y, height: b,
 					indent: D,
 					downloadFilename: F,
 					disabled: S
-				}), /* @__PURE__ */ p(u, {})] }), /* @__PURE__ */ p(n, {
+				}), /* @__PURE__ */ p(s, {})] }), /* @__PURE__ */ p(n, {
 					value: g,
 					onChange: re,
 					placeholder: y,

package/dist/components/json-editor/JsonEditorContent.js

@@ -1,7 +1,7 @@
 import { computeJsonPath as e } from "./util/jsonPathFinder.js";
 import { findRangeForPath as t, validateAgainstSchema as n } from "./util/jsonSchemaValidator.js";
-import { useEffect as r, useRef as i, useState as a } from "react";
-import { Box as o, Fade as s, Paper as c, Typography as ee, useTheme as te } from "@mui/material";
+import { Box as r, Fade as i, Paper as a, Typography as o, useTheme as ee } from "@mui/material";
+import { useEffect as s, useRef as c, useState as te } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { EditorView as d, highlightActiveLine as ne, highlightActiveLineGutter as f, keymap as re, lineNumbers as p, placeholder as m } from "@codemirror/view";
 import { Compartment as h, EditorState as g } from "@codemirror/state";
@@ -22,24 +22,24 @@ function S(e) {
 	return e ? [m(e)] : [];
 }
 function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly: C = !1, schema: w, showLineNumbers: T = !0, showMinimap: E = !1, showFolding: D = !0, enablePathFinder: O = !0, highlightColors: k, onViewReady: A, onCursorChange: j, onBlur: M, onFocus: N, onPathCopy: P }) {
-	let F = i(null), I = i(null), L = i(null), R = i(p), z = i(j), he = i(M), B = i(N), V = i(A), H = i(P), U = i(O), W = i(w), [G, K] = a(null), q = i(new h()), J = i(new h()), Y = i(new h()), X = i(new h()), Z = i(new h()), Q = te(), $ = Q.palette.mode === "dark", ge = k?.propertyName ?? Q.palette.primary.main, _e = k?.string ?? Q.palette.success.main, ve = k?.number ?? Q.palette.warning.main, ye = k?.boolean ?? Q.palette.info.main, be = k?.null ?? Q.palette.text.secondary;
-	return r(() => {
+	let F = c(null), I = c(null), L = c(null), R = c(p), z = c(j), B = c(M), V = c(N), H = c(A), U = c(P), W = c(O), G = c(w), [K, q] = te(null), J = c(new h()), Y = c(new h()), X = c(new h()), Z = c(new h()), he = c(new h()), Q = ee(), $ = Q.palette.mode === "dark", ge = k?.propertyName ?? Q.palette.primary.main, _e = k?.string ?? Q.palette.success.main, ve = k?.number ?? Q.palette.warning.main, ye = k?.boolean ?? Q.palette.info.main, be = k?.null ?? Q.palette.text.secondary;
+	return s(() => {
 		R.current = p;
-	}, [p]), r(() => {
+	}, [p]), s(() => {
 		z.current = j;
-	}, [j]), r(() => {
-		he.current = M;
-	}, [M]), r(() => {
-		B.current = N;
-	}, [N]), r(() => {
-		V.current = A;
-	}, [A]), r(() => {
-		H.current = P;
-	}, [P]), r(() => {
-		U.current = O;
-	}, [O]), r(() => {
-		W.current = w, L.current && fe(L.current);
-	}, [w]), r(() => {
+	}, [j]), s(() => {
+		B.current = M;
+	}, [M]), s(() => {
+		V.current = N;
+	}, [N]), s(() => {
+		H.current = A;
+	}, [A]), s(() => {
+		U.current = P;
+	}, [P]), s(() => {
+		W.current = O;
+	}, [O]), s(() => {
+		G.current = w, L.current && fe(L.current);
+	}, [w]), s(() => {
 		if (!I.current) return;
 		let r = L.current?.state.doc.toString() ?? f ?? "", i = le.define([
 			{
@@ -136,14 +136,14 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 			},
 			displayText: "blocks",
 			showOverlay: "always"
-		})] : [], s = [
+		})] : [], ee = [
 			a,
 			de(i),
 			ie(),
 			pe(),
 			v(ae()),
 			v((e) => {
-				let r = W.current;
+				let r = G.current;
 				if (!r) return [];
 				let i;
 				try {
@@ -169,12 +169,12 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 				...ce,
 				...ue
 			]),
-			q.current.of(d.editable.of(!_ && !C)),
-			J.current.of(g.readOnly.of(C)),
+			J.current.of(d.editable.of(!_ && !C)),
+			Y.current.of(g.readOnly.of(C)),
 			ne(),
-			X.current.of(b(T)),
-			Y.current.of(x(D)),
-			Z.current.of(S(m)),
+			Z.current.of(b(T)),
+			X.current.of(x(D)),
+			he.current.of(S(m)),
 			...o,
 			d.updateListener.of((e) => {
 				e.docChanged && R.current?.(e.state.doc.toString());
@@ -183,13 +183,13 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 			}),
 			d.domEventHandlers({
 				blur: () => {
-					he.current?.();
+					B.current?.();
 				},
 				focus: () => {
-					B.current?.();
+					V.current?.();
 				},
 				click: (t, n) => {
-					if (!U.current || !(t.ctrlKey || t.metaKey)) return !1;
+					if (!W.current || !(t.ctrlKey || t.metaKey)) return !1;
 					let r;
 					try {
 						r = n.posAtCoords({
@@ -203,23 +203,23 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 					let i = e(n.state, r);
 					return i ? (navigator.clipboard.writeText(i).then(() => {
 						let e = F.current?.getBoundingClientRect();
-						K({
+						q({
 							x: t.clientX - (e?.left ?? 0),
 							y: t.clientY - (e?.top ?? 0),
 							path: i
-						}), H.current?.(i);
+						}), U.current?.(i);
 					}), !0) : !1;
 				}
 			})
-		], c = new d({
+		], s = new d({
 			state: g.create({
 				doc: r,
-				extensions: s
+				extensions: ee
 			}),
 			parent: I.current
 		});
-		return L.current = c, V.current(c), () => {
-			V.current(null), c.destroy(), L.current = null;
+		return L.current = s, H.current(s), () => {
+			H.current(null), s.destroy(), L.current = null;
 		};
 	}, [
 		$,
@@ -229,7 +229,7 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 		ye,
 		be,
 		E
-	]), r(() => {
+	]), s(() => {
 		let e = L.current;
 		if (!e) return;
 		let t = e.state.doc.toString();
@@ -238,19 +238,19 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 			to: t.length,
 			insert: f ?? ""
 		} });
-	}, [f]), r(() => {
-		L.current?.dispatch({ effects: [q.current.reconfigure(d.editable.of(!_ && !C)), J.current.reconfigure(g.readOnly.of(C))] });
-	}, [_, C]), r(() => {
-		L.current?.dispatch({ effects: X.current.reconfigure(b(T)) });
-	}, [T]), r(() => {
-		L.current?.dispatch({ effects: Y.current.reconfigure(x(D)) });
-	}, [D]), r(() => {
-		L.current?.dispatch({ effects: Z.current.reconfigure(S(m)) });
-	}, [m]), r(() => {
-		if (!G) return;
-		let e = setTimeout(() => K(null), 1500);
+	}, [f]), s(() => {
+		L.current?.dispatch({ effects: [J.current.reconfigure(d.editable.of(!_ && !C)), Y.current.reconfigure(g.readOnly.of(C))] });
+	}, [_, C]), s(() => {
+		L.current?.dispatch({ effects: Z.current.reconfigure(b(T)) });
+	}, [T]), s(() => {
+		L.current?.dispatch({ effects: X.current.reconfigure(x(D)) });
+	}, [D]), s(() => {
+		L.current?.dispatch({ effects: he.current.reconfigure(S(m)) });
+	}, [m]), s(() => {
+		if (!K) return;
+		let e = setTimeout(() => q(null), 1500);
 		return () => clearTimeout(e);
-	}, [G]), /* @__PURE__ */ u(o, {
+	}, [K]), /* @__PURE__ */ u(r, {
 		ref: F,
 		sx: {
 			position: "relative",
@@ -258,7 +258,7 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 			overflow: "hidden",
 			display: "flex"
 		},
-		children: [/* @__PURE__ */ l(o, {
+		children: [/* @__PURE__ */ l(r, {
 			ref: I,
 			sx: {
 				flex: 1,
@@ -273,14 +273,14 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 					flexDirection: "column"
 				}
 			}
-		}), G && /* @__PURE__ */ l(s, {
+		}), K && /* @__PURE__ */ l(i, {
 			in: !0,
-			children: /* @__PURE__ */ l(c, {
+			children: /* @__PURE__ */ l(a, {
 				elevation: 3,
 				sx: {
 					position: "absolute",
-					left: G.x,
-					top: G.y,
+					left: K.x,
+					top: K.y,
 					transform: "translate(-50%, -130%)",
 					px: 1,
 					py: .5,
@@ -289,10 +289,10 @@ function C({ value: f, onChange: p, placeholder: m, disabled: _ = !1, readonly:
 					bgcolor: "grey.900",
 					color: "common.white"
 				},
-				children: /* @__PURE__ */ u(ee, {
+				children: /* @__PURE__ */ u(o, {
 					variant: "caption",
 					sx: { fontFamily: "monospace" },
-					children: ["Copied: ", G.path]
+					children: ["Copied: ", K.path]
 				})
 			})
 		})]

package/dist/components/json-editor/JsonEditorToolbar.js

@@ -2,11 +2,11 @@ import { ToolbarButton as e } from "../shared/ToolbarButton.js";
 import { useTimedFlag as t } from "../shared/useTimedFlag.js";
 import { Box as n, Divider as r } from "@mui/material";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { redo as o, undo as s } from "@codemirror/commands";
-import c from "@mui/icons-material/ContentCopy";
-import l from "@mui/icons-material/Download";
-import u from "@mui/icons-material/Check";
-import d from "@mui/icons-material/Delete";
+import o from "@mui/icons-material/Delete";
+import { redo as s, undo as c } from "@codemirror/commands";
+import l from "@mui/icons-material/ContentCopy";
+import u from "@mui/icons-material/Download";
+import d from "@mui/icons-material/Check";
 import f from "@mui/icons-material/Undo";
 import p from "@mui/icons-material/Redo";
 import m from "@mui/icons-material/AutoFixHigh";
@@ -62,11 +62,11 @@ function g({ editorView: g, toolbarConfig: _, translation: v, indent: y, downloa
 	}
 	function M() {
 		let e = g;
-		e && (s(e), e.focus());
+		e && (c(e), e.focus());
 	}
 	function N() {
 		let e = g;
-		e && (o(e), e.focus());
+		e && (s(e), e.focus());
 	}
 	let P = _.showFormat || _.showCompact, F = _.showCopy || _.showDownload || _.showClear, I = _.showUndoRedo;
 	return /* @__PURE__ */ a(n, {
@@ -111,25 +111,25 @@ function g({ editorView: g, toolbarConfig: _, translation: v, indent: y, downloa
 				children: [
 					_.showCopy && /* @__PURE__ */ i(e, {
 						label: S ? v.copySuccess : v.copy,
-						icon: S ? /* @__PURE__ */ i(u, {
+						icon: S ? /* @__PURE__ */ i(d, {
 							fontSize: "small",
 							color: "success"
-						}) : /* @__PURE__ */ i(c, { fontSize: "small" }),
+						}) : /* @__PURE__ */ i(l, { fontSize: "small" }),
 						onClick: k,
 						disabled: E
 					}),
 					_.showDownload && /* @__PURE__ */ i(e, {
 						label: w ? v.downloadSuccess : v.download,
-						icon: w ? /* @__PURE__ */ i(u, {
+						icon: w ? /* @__PURE__ */ i(d, {
 							fontSize: "small",
 							color: "success"
-						}) : /* @__PURE__ */ i(l, { fontSize: "small" }),
+						}) : /* @__PURE__ */ i(u, { fontSize: "small" }),
 						onClick: A,
 						disabled: E
 					}),
 					_.showClear && /* @__PURE__ */ i(e, {
 						label: v.clear,
-						icon: /* @__PURE__ */ i(d, { fontSize: "small" }),
+						icon: /* @__PURE__ */ i(o, { fontSize: "small" }),
 						onClick: j,
 						disabled: E
 					})

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

@@ -0,0 +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;

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

@@ -0,0 +1,132 @@
+import { kanbanBoardClasses as e } from "./kanbanBoardClasses.js";
+import { DEFAULT_KANBAN_BOARD_TRANSLATION as t } from "./KanbanBoard.types.js";
+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 { 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 = {
+		...t,
+		...P
+	}, [I, L] = g(y);
+	h(() => {
+		L(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);
+	}
+	function W({ active: e, over: t }) {
+		if (!t) return;
+		let n = e.id, r = t.id, i = I.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 ? {
+			...e,
+			status: s
+		} : e));
+	}
+	function G({ active: e, over: t }) {
+		let n = R?.status;
+		if (z(null), !t) {
+			L(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 e = s.find((e) => e.id === r);
+			e && e.status !== n && D?.(e, n, e.status);
+		}
+	}
+	function K(e) {
+		C ? V({
+			mode: "edit",
+			task: e
+		}) : S?.(e);
+	}
+	function q(e) {
+		V({
+			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 Y(e) {
+		let t = I.filter((t) => t.id !== e);
+		L(t), x?.(t), E?.(e), V(null);
+	}
+	function X(e) {
+		V({
+			mode: "delete",
+			task: e
+		});
+	}
+	return /* @__PURE__ */ v(m, {
+		className: e.root,
+		sx: {
+			width: M,
+			height: N,
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ v(a, {
+			sensors: H,
+			collisionDetection: l,
+			onDragStart: U,
+			onDragOver: W,
+			onDragEnd: G,
+			children: [/* @__PURE__ */ _(m, {
+				className: e.columns,
+				sx: {
+					flex: 1,
+					display: "flex",
+					gap: 2,
+					p: 2,
+					overflowX: "auto",
+					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,
+				onCardClick: () => {},
+				isOverlay: !0
+			}) })]
+		}), C && /* @__PURE__ */ _(r, {
+			state: B,
+			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")]
+	});
+}
+//#endregion
+export { y as KanbanBoard };

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

@@ -0,0 +1,93 @@
+export type KanbanTask = {
+    id: string;
+    title: string;
+    /** Must match a `KanbanColumn.id`. */
+    status: string;
+    description?: string;
+    assignee?: string;
+    /** Overrides the column's default card color for this individual card. Any CSS color value. */
+    color?: string;
+    dueDate?: Date;
+};
+export type KanbanColumn = {
+    /** Used as the key — must match `KanbanTask.status` values. */
+    id: string;
+    label: string;
+    /** Accent color for the column header bar. Any CSS color value. */
+    color?: string;
+    /** Optional WIP limit — shown as "{count} / {wipLimit}" in the column header. */
+    wipLimit?: number;
+};
+export type KanbanBoardTranslation = {
+    addCardLabel: string;
+    dialogAddTitle: string;
+    dialogEditTitle: string;
+    dialogDeleteTitle: string;
+    dialogSave: string;
+    dialogCancel: string;
+    dialogDelete: string;
+    /** "{title}" is replaced with the card title. */
+    dialogDeleteConfirm: string;
+    dialogFieldTitle: string;
+    dialogFieldDescription: string;
+    dialogFieldAssignee: string;
+    dialogFieldDueDate: string;
+    dialogFieldStatus: string;
+    noCardsLabel: string;
+};
+export declare const DEFAULT_KANBAN_BOARD_TRANSLATION: Required<KanbanBoardTranslation>;
+export type KanbanBoardProps = {
+    tasks: KanbanTask[];
+    columns: KanbanColumn[];
+    /**
+     * Called after every CRUD action and after every drag-and-drop.
+     * Receives the complete updated task list.
+     */
+    onTasksChange?: (tasks: KanbanTask[]) => void;
+    /**
+     * Called when a card is clicked.
+     * When `enableBuiltinDialogs` is true this opens the Edit dialog instead.
+     */
+    onCardClick?: (task: KanbanTask) => void;
+    /**
+     * When true (default), clicking a card opens the built-in Edit dialog and
+     * the "+" button opens the built-in Add dialog.
+     */
+    enableBuiltinDialogs?: boolean;
+    /** Called after a new card is saved via the built-in Add dialog. */
+    onTaskCreated?: (task: KanbanTask) => void;
+    /** Called after an existing card is saved via the built-in Edit dialog. */
+    onTaskUpdated?: (task: KanbanTask) => void;
+    /** Called after a card is deleted via the built-in Delete confirmation. */
+    onTaskDeleted?: (taskId: string) => void;
+    /**
+     * Called when a card is moved to a different column via drag and drop.
+     * NOT fired for in-column reordering or dialog-based status changes — use
+     * `onTaskUpdated` for those. Carries the full updated task plus both column ids
+     * so consumers can issue a targeted API call without diffing the full list.
+     */
+    onTaskMoved?: (task: KanbanTask, fromColumnId: string, toColumnId: string) => void;
+    /** Show the assignee label on cards (default: true). */
+    showAssignee?: boolean;
+    /** Show the due date on cards (default: true). */
+    showDueDate?: boolean;
+    /**
+     * Highlight cards whose `dueDate` is in the past (default: true).
+     * When true, the due-date chip turns red (`color="error"`) and the card
+     * receives a subtle red background tint and left border stripe.
+     * Has no effect when `showDueDate` is false or when the card has no `dueDate`.
+     */
+    showDueDateWarning?: boolean;
+    /**
+     * MUI Chip variant for assignee and due-date chips on cards.
+     * `"outlined"` (default) — subtle border, transparent background.
+     * `"filled"` — solid background, more prominent.
+     */
+    chipVariant?: "outlined" | "filled";
+    /** Width of the board. Default: "100%". */
+    width?: number | string;
+    /** Height of the board. Default: "100%". */
+    height?: number | string;
+    /** Override any label or message — unset keys fall back to English defaults. */
+    translation?: Partial<KanbanBoardTranslation>;
+};

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

@@ -0,0 +1,19 @@
+//#region src/components/kanban-board/KanbanBoard.types.ts
+var e = {
+	addCardLabel: "Add card",
+	dialogAddTitle: "Add card",
+	dialogEditTitle: "Edit card",
+	dialogDeleteTitle: "Delete card",
+	dialogSave: "Save",
+	dialogCancel: "Cancel",
+	dialogDelete: "Delete",
+	dialogDeleteConfirm: "Delete \"{title}\"?",
+	dialogFieldTitle: "Title",
+	dialogFieldDescription: "Description",
+	dialogFieldAssignee: "Assignee",
+	dialogFieldDueDate: "Due date",
+	dialogFieldStatus: "Status",
+	noCardsLabel: "No cards"
+};
+//#endregion
+export { e as DEFAULT_KANBAN_BOARD_TRANSLATION };

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

@@ -0,0 +1,14 @@
+import type { KanbanBoardTranslation, KanbanTask } from "./KanbanBoard.types";
+type KanbanBoardCardProps = {
+    task: KanbanTask;
+    showAssignee: boolean;
+    showDueDate: boolean;
+    showDueDateWarning: boolean;
+    chipVariant: "outlined" | "filled";
+    t: Required<KanbanBoardTranslation>;
+    onCardClick: (task: KanbanTask) => void;
+    /** 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 {};