@thebuoyant-tsdev/mui-ts-library 3.26.0 → 3.27.0

package/dist/components/circle-packing-chart/CirclePackingChart.js

@@ -5,61 +5,61 @@ import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import * as p from "d3";
 //#region src/components/circle-packing-chart/CirclePackingChart.tsx
 var m = .56;
-function h(e, t, n) {
+function ee(e, t, n) {
 	return e.length * n * m <= t ? e : t >= 3 * n * m + n * 2 ? "…" : "";
 }
-function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLabels: y = !0, showAllLabels: b = !1, labelFontSize: ee = 13, innerLabelFontSize: x = 9, labelColor: te, chartColors: S, depthColorStart: C, depthColorEnd: w, background: T, duration: E = 750, zoomable: D = !1, disabled: O = !1, onCircleClick: k, onZoomChange: A, valueFormatter: j, translation: ne }) {
-	let M = u(), re = {
+function h({ data: m, size: h = 600, padding: g = 3, sortBy: _ = "value", showLabels: v = !0, showAllLabels: y = !1, labelFontSize: te = 13, innerLabelFontSize: b = 9, labelColor: ne, chartColors: x, depthColorStart: S, depthColorEnd: C, background: re, duration: w = 750, zoomable: T = !1, disabled: E = !1, onCircleClick: ie, onCircleHover: D, onZoomChange: O, valueFormatter: k, translation: ae }) {
+	let A = u(), oe = {
 		...e,
-		...ne
-	}, ie = !m.children?.length && !m.value, ae = [
-		M.palette.primary.main,
-		M.palette.secondary.main,
-		M.palette.error.main,
-		M.palette.warning.main,
-		M.palette.success.main,
-		M.palette.info.main
-	], N = te || M.palette.text.primary, P = T || M.palette.background.default, F = M.typography.fontFamily, I = i(() => {
+		...ae
+	}, se = !m.children?.length && !m.value, ce = [
+		A.palette.primary.main,
+		A.palette.secondary.main,
+		A.palette.error.main,
+		A.palette.warning.main,
+		A.palette.success.main,
+		A.palette.info.main
+	], j = ne || A.palette.text.primary, M = re || A.palette.background.default, le = A.typography.fontFamily, N = i(() => {
 		let e = p.hierarchy(m).sum((e) => e.value ?? 0);
-		return v === "value" ? e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0)) : e.sort((e, t) => String(e.data.name).localeCompare(String(t.data.name), void 0, {
+		return _ === "value" ? e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0)) : e.sort((e, t) => String(e.data.name).localeCompare(String(t.data.name), void 0, {
 			numeric: !0,
 			sensitivity: "base"
-		})), p.pack().size([g, g]).padding(_)(e);
+		})), p.pack().size([h, h]).padding(g)(e);
 	}, [
 		m,
+		h,
 		g,
-		_,
-		v
-	]), L = I.descendants(), R = i(() => p.max(L, (e) => e.depth) ?? 0, [L]), z = !!(C && w), B = i(() => z ? p.scaleSequential(p.interpolateHcl(C, w)).domain([0, Math.max(1, R)]) : null, [
-		z,
+		_
+	]), P = N.descendants(), F = i(() => p.max(P, (e) => e.depth) ?? 0, [P]), I = !!(S && C), L = i(() => I ? p.scaleSequential(p.interpolateHcl(S, C)).domain([0, Math.max(1, F)]) : null, [
+		I,
+		S,
 		C,
-		w,
-		R
-	]), V = S && S.length > 0 ? S : ae, oe = t((e) => e.data.colorConfig?.fill ? e.data.colorConfig.fill : z && B ? e.children ? B(e.depth) : M.palette.background.paper : V[e.depth % V.length], [
-		z,
-		B,
-		V,
-		M
-	]), [H, U] = o(1), se = t((e) => {
-		if (!D || O || !e.ctrlKey) return;
+		F
+	]), R = x && x.length > 0 ? x : ce, ue = t((e) => e.data.colorConfig?.fill ? e.data.colorConfig.fill : I && L ? e.children ? L(e.depth) : A.palette.background.paper : R[e.depth % R.length], [
+		I,
+		L,
+		R,
+		A
+	]), [z, B] = o(1), V = t((e) => {
+		if (!T || E || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
-		U((e) => Math.max(.25, Math.min(8, e * t)));
-	}, [D, O]);
+		B((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [T, E]);
 	r(() => {
-		if (!D) return;
+		if (!T) return;
 		let e = (e) => {
-			e.key === "Escape" && U(1);
+			e.key === "Escape" && B(1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [D]);
-	let ce = i(() => {
-		let e = `${-g / 2} ${-g / 2} ${g} ${g}`;
-		if (H === 1) return e;
-		let t = g / H, n = (g - t) / 2;
-		return `${-g / 2 + n} ${-g / 2 + n} ${t} ${t}`;
-	}, [g, H]), le = t((e) => {
-		let t = e.value ?? 0, n = I.value ?? 0;
+	}, [T]);
+	let H = i(() => {
+		let e = `${-h / 2} ${-h / 2} ${h} ${h}`;
+		if (z === 1) return e;
+		let t = h / z, n = (h - t) / 2;
+		return `${-h / 2 + n} ${-h / 2 + n} ${t} ${t}`;
+	}, [h, z]), de = t((e) => {
+		let t = e.value ?? 0, n = N.value ?? 0;
 		return {
 			id: e.data.id ?? null,
 			name: e.data.name,
@@ -70,95 +70,95 @@ function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLa
 			childrenCount: e.children?.length ?? 0,
 			data: e.data
 		};
-	}, [I]), W = a(null), G = a([
-		I.x,
-		I.y,
-		I.r * 2
-	]), K = a(I), [q, ue] = o(I), J = t((e) => {
-		K.current = e, ue(e);
-	}, []), [de, fe] = o(I);
-	de !== I && (fe(I), J(I), K.current = I);
+	}, [N]), U = a(null), W = a([
+		N.x,
+		N.y,
+		N.r * 2
+	]), G = a(N), [K, fe] = o(N), q = t((e) => {
+		G.current = e, fe(e);
+	}, []), [pe, J] = o(N);
+	pe !== N && (J(N), q(N), G.current = N);
 	let Y = t((e) => {
-		let t = W.current;
+		let t = U.current;
 		if (!t) return;
-		G.current = e;
-		let n = g / e[2], r = K.current, i = t.querySelectorAll("g[data-role='nodes'] > g"), a = t.querySelectorAll("g[data-role='nodes'] > g > circle");
-		for (let t = 0; t < L.length; t++) {
-			let r = L[t], o = i[t];
+		W.current = e;
+		let n = h / e[2], r = G.current, i = t.querySelectorAll("g[data-role='nodes'] > g"), a = t.querySelectorAll("g[data-role='nodes'] > g > circle");
+		for (let t = 0; t < P.length; t++) {
+			let r = P[t], o = i[t];
 			o && o.setAttribute("transform", `translate(${(r.x - e[0]) * n},${(r.y - e[1]) * n})`);
 			let s = t - 1;
 			s >= 0 && a[s] && a[s].setAttribute("r", String(r.r * n));
 		}
-		if (y) {
+		if (v) {
 			let r = t.querySelectorAll("g[data-role='labels'] > text");
-			for (let t = 0; t < L.length; t++) {
-				let i = L[t], a = r[t];
+			for (let t = 0; t < P.length; t++) {
+				let i = P[t], a = r[t];
 				a && (a.setAttribute("transform", `translate(${(i.x - e[0]) * n},${(i.y - e[1]) * n})`), a.setAttribute("font-weight", i.children ? "bold" : "normal"));
 			}
 		}
-		if (b) {
+		if (y) {
 			let i = t.querySelectorAll("g[data-role='inner-labels'] > text");
-			for (let t = 0; t < L.length; t++) {
-				let a = L[t], o = i[t];
+			for (let t = 0; t < P.length; t++) {
+				let a = P[t], o = i[t];
 				if (!o) continue;
-				let s = a.r * n, c = s * 1.6, l = r === I ? a !== I : a.ancestors().includes(r), u = a.parent === r;
+				let s = a.r * n, c = s * 1.6, l = r === N ? a !== N : a.ancestors().includes(r), u = a.parent === r;
 				if (l && !u && s >= 14) {
-					let t = h(a.data.name, c, x);
+					let t = ee(a.data.name, c, b);
 					t ? (o.textContent = t, o.setAttribute("transform", `translate(${(a.x - e[0]) * n},${(a.y - e[1]) * n})`), o.setAttribute("font-weight", a.children ? "bold" : "normal"), o.style.display = "inline") : o.style.display = "none";
 				} else o.style.display = "none";
 			}
 		}
 	}, [
-		L,
-		g,
+		P,
+		h,
+		v,
 		y,
 		b,
-		x,
-		I
+		N
 	]);
 	r(() => {
 		Y([
-			q.x,
-			q.y,
-			q.r * 2
+			K.x,
+			K.y,
+			K.r * 2
 		]);
 	}, [
-		I,
-		g,
-		q,
+		N,
+		h,
+		K,
 		Y
 	]);
 	let X = t((e, t) => {
-		let n = W.current;
+		let n = U.current;
 		if (!n) return;
-		let r = q, i = G.current, a = [
+		let r = K, i = W.current, a = [
 			e.x,
 			e.y,
 			e.r * 2
 		];
-		J(e), p.select(n).transition().duration(t).ease(p.easeCubic).tween("zoom", () => {
+		q(e), p.select(n).transition().duration(t).ease(p.easeCubic).tween("zoom", () => {
 			let e = p.interpolateZoom(i, a);
 			return (t) => Y(e(t));
 		});
 		let o = n.querySelectorAll("g[data-role='labels'] > text");
-		p.selectAll(o).transition().duration(t).ease(p.easeCubic).style("fill-opacity", (t, n) => +(L[n].parent === e)).on("start", function(t, n) {
-			L[n].parent === e && (this.style.display = "inline");
+		p.selectAll(o).transition().duration(t).ease(p.easeCubic).style("fill-opacity", (t, n) => +(P[n].parent === e)).on("start", function(t, n) {
+			P[n].parent === e && (this.style.display = "inline");
 		}).on("end", function(t, n) {
-			L[n].parent !== e && (this.style.display = "none");
-		}), A?.({
+			P[n].parent !== e && (this.style.display = "none");
+		}), O?.({
 			previousName: r.data.name,
 			currentName: e.data.name,
 			currentDepth: e.depth,
-			isRoot: e === I
+			isRoot: e === N
 		});
 	}, [
-		q,
-		L,
-		I,
+		K,
+		P,
+		N,
 		Y,
-		A,
-		J
-	]), Z = a(null), pe = (e) => {
+		O,
+		q
+	]), Z = a(null), me = (e) => {
 		Z.current &&= (clearTimeout(Z.current), null), Z.current = setTimeout(() => {
 			e(), Z.current = null;
 		}, 250);
@@ -168,63 +168,63 @@ function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLa
 	n(() => {
 		$.current = X;
 	}, [X]), r(() => {
-		if (O) return;
+		if (E) return;
 		let e = (e) => {
-			e.key === "Escape" && (Q(), $.current(I, E));
+			e.key === "Escape" && (Q(), $.current(N, w));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		O,
-		I,
-		E
+		E,
+		N,
+		w
 	]);
-	let me = (e) => {
-		if (O || !(e.ctrlKey || e.metaKey)) return;
+	let he = (e) => {
+		if (E || !(e.ctrlKey || e.metaKey)) return;
 		Q(), e.preventDefault();
-		let t = q.parent ?? I;
-		t !== q && X(t, e.altKey ? Math.max(250, E * 10) : E);
-	}, he = {
+		let t = K.parent ?? N;
+		t !== K && X(t, e.altKey ? Math.max(250, w * 10) : w);
+	}, ge = {
 		followCursor: !0,
 		enterDelay: 50,
 		enterNextDelay: 0,
-		disableHoverListener: O,
+		disableHoverListener: E,
 		slotProps: { tooltip: { sx: { maxWidth: 220 } } }
 	};
 	return /* @__PURE__ */ f(s, {
 		sx: {
 			display: "inline-flex",
 			position: "relative",
-			opacity: O ? .5 : 1,
-			cursor: O ? "not-allowed" : "default",
+			opacity: E ? .5 : 1,
+			cursor: E ? "not-allowed" : "default",
 			userSelect: "none"
 		},
 		children: [/* @__PURE__ */ f("svg", {
-			ref: W,
-			width: g,
-			height: g,
-			viewBox: ce,
-			onWheel: se,
+			ref: U,
+			width: h,
+			height: h,
+			viewBox: H,
+			onWheel: V,
 			style: {
 				display: "block",
-				background: P,
-				fontFamily: F ?? "sans-serif",
-				overflow: D && H > 1 ? "hidden" : "visible"
+				background: M,
+				fontFamily: le ?? "sans-serif",
+				overflow: T && z > 1 ? "hidden" : "visible"
 			},
 			role: "img",
 			"aria-label": m.name,
-			onDoubleClick: me,
+			onDoubleClick: he,
 			children: [
-				ie && /* @__PURE__ */ d("text", {
+				se && /* @__PURE__ */ d("text", {
 					textAnchor: "middle",
 					dy: "0.35em",
 					fontSize: 13,
-					fill: M.palette.text.secondary,
-					children: re.noData
+					fill: A.palette.text.secondary,
+					children: oe.noData
 				}),
 				/* @__PURE__ */ d("g", {
 					"data-role": "nodes",
-					children: L.map((e, t) => {
-						let n = le(e), r = /* @__PURE__ */ f(s, {
+					children: P.map((e, t) => {
+						let n = de(e), r = /* @__PURE__ */ f(s, {
 							sx: {
 								py: .5,
 								minWidth: 160
@@ -256,7 +256,7 @@ function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLa
 											children: "Value"
 										}), /* @__PURE__ */ d(l, {
 											variant: "caption",
-											children: j ? j(e.value ?? 0) : (e.value ?? 0).toLocaleString()
+											children: k ? k(e.value ?? 0) : (e.value ?? 0).toLocaleString()
 										})]
 									}),
 									/* @__PURE__ */ f(s, {
@@ -293,42 +293,42 @@ function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLa
 							})]
 						});
 						return /* @__PURE__ */ d("g", {
-							transform: `translate(${e.x - g / 2},${e.y - g / 2})`,
+							transform: `translate(${e.x - h / 2},${e.y - h / 2})`,
 							children: t === 0 ? null : /* @__PURE__ */ d(c, {
-								...he,
+								...ge,
 								title: r,
 								children: /* @__PURE__ */ d("circle", {
 									r: e.r,
-									fill: oe(e),
-									stroke: e.data.colorConfig?.stroke ?? M.palette.background.paper,
+									fill: ue(e),
+									stroke: e.data.colorConfig?.stroke ?? A.palette.background.paper,
 									strokeWidth: .75,
 									style: {
-										cursor: O ? "not-allowed" : e.children ? "pointer" : "default",
+										cursor: E ? "not-allowed" : e.children ? "pointer" : "default",
 										transition: "stroke-width 0.1s"
 									},
 									onMouseEnter: (e) => {
-										O || (e.currentTarget.style.strokeWidth = "2");
+										E || (e.currentTarget.style.strokeWidth = "2", D?.(n, e));
 									},
 									onMouseLeave: (e) => {
-										e.currentTarget.style.strokeWidth = "0.75";
+										e.currentTarget.style.strokeWidth = "0.75", D?.(null, e);
 									},
 									onClick: (t) => {
-										if (!O) {
+										if (!E) {
 											if (t.ctrlKey || t.metaKey) {
 												if (e.children) {
-													let n = t.altKey ? Math.max(250, E * 10) : E;
-													pe(() => X(e, n));
+													let n = t.altKey ? Math.max(250, w * 10) : w;
+													me(() => X(e, n));
 												}
 												return;
 											}
-											k?.(n, t);
+											ie?.(n, t);
 										}
 									},
 									onDoubleClick: (e) => {
-										if (!O && (e.ctrlKey || e.metaKey)) {
+										if (!E && (e.ctrlKey || e.metaKey)) {
 											Q(), e.preventDefault(), e.stopPropagation();
-											let t = q.parent ?? I;
-											t !== q && X(t, e.altKey ? Math.max(250, E * 10) : E);
+											let t = K.parent ?? N;
+											t !== K && X(t, e.altKey ? Math.max(250, w * 10) : w);
 										}
 									}
 								})
@@ -336,36 +336,36 @@ function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLa
 						}, `n-${t}`);
 					})
 				}),
-				y && /* @__PURE__ */ d("g", {
+				v && /* @__PURE__ */ d("g", {
 					"data-role": "labels",
 					textAnchor: "middle",
 					dominantBaseline: "middle",
 					pointerEvents: "none",
-					fontSize: ee,
-					fill: N,
-					children: L.map((e, t) => /* @__PURE__ */ d("text", {
-						transform: `translate(${e.x - g / 2},${e.y - g / 2})`,
+					fontSize: te,
+					fill: j,
+					children: P.map((e, t) => /* @__PURE__ */ d("text", {
+						transform: `translate(${e.x - h / 2},${e.y - h / 2})`,
 						style: {
-							display: e.parent === I ? "inline" : "none",
-							fillOpacity: +(e.parent === I)
+							display: e.parent === N ? "inline" : "none",
+							fillOpacity: +(e.parent === N)
 						},
 						children: e.data.name
 					}, `lbl-${t}`))
 				}),
-				b && /* @__PURE__ */ d("g", {
+				y && /* @__PURE__ */ d("g", {
 					"data-role": "inner-labels",
 					textAnchor: "middle",
 					dominantBaseline: "middle",
 					pointerEvents: "none",
-					fontSize: x,
-					fill: N,
-					children: L.map((e, t) => /* @__PURE__ */ d("text", {
-						transform: `translate(${e.x - g / 2},${e.y - g / 2})`,
+					fontSize: b,
+					fill: j,
+					children: P.map((e, t) => /* @__PURE__ */ d("text", {
+						transform: `translate(${e.x - h / 2},${e.y - h / 2})`,
 						style: { display: "none" }
 					}, `inner-lbl-${t}`))
 				})
 			]
-		}), q !== I && !O && /* @__PURE__ */ d(s, {
+		}), K !== N && !E && /* @__PURE__ */ d(s, {
 			sx: {
 				position: "absolute",
 				bottom: 6,
@@ -385,11 +385,11 @@ function g({ data: m, size: g = 600, padding: _ = 3, sortBy: v = "value", showLa
 					color: "text.secondary",
 					fontSize: "0.7rem"
 				},
-				children: [q.ancestors().map((e) => e.data.name).reverse().join(" › "), " · Ctrl / Cmd ⌘+DblClick to zoom out · Escape to reset"]
+				children: [K.ancestors().map((e) => e.data.name).reverse().join(" › "), " · Ctrl / Cmd ⌘+DblClick to zoom out · Escape to reset"]
 			})
 		})]
 	});
 }
-g.displayName = "CirclePackingChart";
+h.displayName = "CirclePackingChart";
 //#endregion
-export { g as CirclePackingChart };
+export { h as CirclePackingChart };

package/dist/components/circle-packing-chart/CirclePackingChart.types.d.ts

@@ -97,6 +97,8 @@ export type CirclePackingChartProps = {
     disabled?: boolean;
     /** Fires on regular click — immediately, no delay */
     onCircleClick?: (info: CirclePackingNodeInfo, event: React.MouseEvent<SVGCircleElement>) => void;
+    /** Fired on mouse enter/leave a circle — `null` on leave. Use for linked-view highlighting. */
+    onCircleHover?: (info: CirclePackingNodeInfo | null, event: React.MouseEvent<SVGCircleElement> | null) => void;
     /** Fires when the zoom focus changes */
     onZoomChange?: (zoom: CirclePackingZoomInfo) => void;
     /**

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

@@ -49,11 +49,11 @@ var E = [
 	showExportCSV: !1,
 	showAssigneeFilter: !1
 };
-function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEditTask: l, onDeleteTask: _, onStatusChange: v, onTasksChange: x, enableBuiltinDialogs: S = !0, onTaskCreated: C, onTaskUpdated: w, onTaskDeleted: O, showToolbar: k = !0, toolbarConfig: A, height: j, width: ee, minPanelWidth: M = 200, maxPanelWidth: N = 600, zoomable: P = !1, draggable: F = !1, resizable: I = !1, inlineEdit: te = !1, progressDraggable: ne = !1, showCriticalPath: re = !1, virtualizeRows: L = !1, showAssigneeColumn: R = !1, onExportCSV: z, onDragStart: B, onTaskMoved: V, onTaskResized: H }) {
-	let U = T(j, 400), W = d(() => ({
+function ee({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEditTask: l, onDeleteTask: _, onStatusChange: v, onTasksChange: x, enableBuiltinDialogs: S = !0, onTaskCreated: C, onTaskUpdated: w, onTaskDeleted: ee, showToolbar: O = !0, toolbarConfig: k, height: A, width: te, minPanelWidth: j = 200, maxPanelWidth: M = 600, zoomable: N = !1, draggable: P = !1, resizable: F = !1, inlineEdit: I = !1, progressDraggable: ne = !1, showCriticalPath: re = !1, virtualizeRows: L = !1, showAssigneeColumn: R = !1, onExportCSV: z, onDragStart: B, onTaskMoved: V, onTaskResized: H }) {
+	let U = T(A, 400), W = d(() => ({
 		...D,
-		...A
-	}), [A]), G = T(ee, "100%"), K = y((e) => e.setTasks), q = y((e) => e.timeScale), J = y((e) => e.setTimeScale), Y = y((e) => e.timelineRange), X = f(null), Z = f(null), Q = f(!1), [$, ie] = p(320), ae = b(), oe = c(() => {
+		...k
+	}), [k]), G = T(te, "100%"), K = y((e) => e.setTasks), q = y((e) => e.timeScale), J = y((e) => e.setTimeScale), Y = y((e) => e.timelineRange), X = f(null), Z = f(null), Q = f(!1), [$, ie] = p(320 + (R ? 110 : 0)), ae = b(), oe = c(() => {
 		let e = ae.getState().tasks, t = [[
 			"id",
 			"name",
@@ -98,7 +98,7 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 		Z.current.scrollLeft = Math.max(0, a - Z.current.clientWidth / 2);
 	}, [Y, q]);
 	u(() => {
-		if (!P || !Z.current) return;
+		if (!N || !Z.current) return;
 		let e = Z.current, t = (e) => {
 			if (!e.ctrlKey) return;
 			e.preventDefault();
@@ -107,7 +107,7 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
 	}, [
-		P,
+		N,
 		q,
 		J
 	]);
@@ -115,15 +115,15 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 		e.preventDefault();
 		let t = e.clientX, n = $, r = (e) => {
 			let r = e.clientX - t;
-			ie(Math.max(M, Math.min(N, n + r)));
+			ie(Math.max(j, Math.min(M, n + r)));
 		}, i = () => {
 			document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
 	}, [
 		$,
-		M,
-		N
+		j,
+		M
 	]);
 	return /* @__PURE__ */ g(m, {
 		sx: {
@@ -136,7 +136,7 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 			borderRadius: 1,
 			overflow: "hidden"
 		},
-		children: [k && /* @__PURE__ */ h(o, {
+		children: [O && /* @__PURE__ */ h(o, {
 			onScrollToToday: le,
 			config: W,
 			onExportCSV: W.showExportCSV ? oe : void 0
@@ -160,8 +160,8 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 					enableBuiltinDialogs: S,
 					onTaskCreated: C,
 					onTaskUpdated: w,
-					onTaskDeleted: O,
-					inlineEdit: te,
+					onTaskDeleted: ee,
+					inlineEdit: I,
 					virtualizeRows: L,
 					showAssigneeColumn: R
 				}),
@@ -181,8 +181,8 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 					onScroll: ce,
 					onTaskClick: n,
 					onMilestoneClick: r,
-					draggable: F,
-					resizable: I,
+					draggable: P,
+					resizable: F,
 					progressDraggable: ne,
 					showCriticalPath: re,
 					virtualizeRows: L,
@@ -196,7 +196,7 @@ function O({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 		})]
 	});
 }
-function k({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showToolbar: o = !0, defaultRangeStart: s, defaultRangeEnd: c, translations: l, enableBuiltinDialogs: u = !0, toolbarConfig: f, zoomable: m = !1, draggable: g = !1, resizable: _ = !1, inlineEdit: y = !1, progressDraggable: b = !1, showCriticalPath: S = !1, virtualizeRows: w = !1, showAssigneeColumn: T = !1, cascadeDependencies: E = !1, statusColors: D, ganttTheme: k, onExportCSV: A, onDragStart: j, onTaskClick: ee, onMilestoneClick: M, onAddTask: N, onEditTask: P, onDeleteTask: F, onStatusChange: I, onTasksChange: te, onTaskMoved: ne, onTaskResized: re, onTaskCreated: L, onTaskUpdated: R, onTaskDeleted: z, height: B, width: V, minPanelWidth: H, maxPanelWidth: U }) {
+function O({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showToolbar: o = !0, defaultRangeStart: s, defaultRangeEnd: c, translations: l, enableBuiltinDialogs: u = !0, toolbarConfig: f, zoomable: m = !1, draggable: g = !1, resizable: _ = !1, inlineEdit: y = !1, progressDraggable: b = !1, showCriticalPath: S = !1, virtualizeRows: w = !1, showAssigneeColumn: T = !1, cascadeDependencies: E = !1, statusColors: D, ganttTheme: O, onExportCSV: k, onDragStart: A, onTaskClick: te, onMilestoneClick: j, onAddTask: M, onEditTask: N, onDeleteTask: P, onStatusChange: F, onTasksChange: I, onTaskMoved: ne, onTaskResized: re, onTaskCreated: L, onTaskUpdated: R, onTaskDeleted: z, height: B, width: V, minPanelWidth: H, maxPanelWidth: U }) {
 	let W = d(() => ({
 		...r,
 		...l
@@ -208,19 +208,19 @@ function k({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showTo
 			end: c ?? r.end
 		}, E);
 	}), K = d(() => ({
-		...k,
+		...O,
 		statusColors: {
 			...D,
-			...k?.statusColors
+			...O?.statusColors
 		}
-	}), [D, k]);
+	}), [D, O]);
 	return /* @__PURE__ */ h(x.Provider, {
 		value: W,
 		children: /* @__PURE__ */ h(C.Provider, {
 			value: K,
 			children: /* @__PURE__ */ h(v.Provider, {
 				value: G,
-				children: /* @__PURE__ */ h(O, {
+				children: /* @__PURE__ */ h(ee, {
 					tasks: e,
 					timeScale: i,
 					enableBuiltinDialogs: u,
@@ -234,15 +234,15 @@ function k({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showTo
 					showCriticalPath: S,
 					virtualizeRows: w,
 					showAssigneeColumn: T,
-					onExportCSV: A,
-					onDragStart: j,
-					onTaskClick: ee,
-					onMilestoneClick: M,
-					onAddTask: N,
-					onEditTask: P,
-					onDeleteTask: F,
-					onStatusChange: I,
-					onTasksChange: te,
+					onExportCSV: k,
+					onDragStart: A,
+					onTaskClick: te,
+					onMilestoneClick: j,
+					onAddTask: M,
+					onEditTask: N,
+					onDeleteTask: P,
+					onStatusChange: F,
+					onTasksChange: I,
 					onTaskMoved: ne,
 					onTaskResized: re,
 					onTaskCreated: L,
@@ -258,4 +258,4 @@ function k({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showTo
 	});
 }
 //#endregion
-export { k as GanttChart, y as useGanttChartStore, w as useGanttTheme, S as useGanttTranslations, b as useRawGanttChartStore };
+export { O as GanttChart, y as useGanttChartStore, w as useGanttTheme, S as useGanttTranslations, b as useRawGanttChartStore };

package/dist/components/horizontal-tree-chart/HorizontalTreeChart.d.ts

@@ -1,5 +1,5 @@
 import { type HorizontalTreeChartProps } from "./HorizontalTreeChart.types";
-export declare function HorizontalTreeChart({ data, orientation, width, height, levelSpacing, nodeRadius, sortBy, showLabels, labelFontSize, labelColor, showIcons, chartColors, linkStrokeOpacity, linkStrokeWidth, linkColor, zoomable, drillable, onFocusChange, showNodePopover, renderNodePopoverContent, onNodeClick, duration, disabled, translation, }: HorizontalTreeChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalTreeChart({ data, orientation, width, height, levelSpacing, nodeRadius, sortBy, showLabels, labelFontSize, labelColor, showIcons, chartColors, linkStrokeOpacity, linkStrokeWidth, linkColor, zoomable, drillable, onFocusChange, showNodePopover, renderNodePopoverContent, onNodeClick, onNodeHover, duration, disabled, translation, }: HorizontalTreeChartProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HorizontalTreeChart {
     var displayName: string;
 }