@art-tools/react-gantt 0.2.1 → 0.3.0

package/dist/index.mjs

@@ -125,7 +125,7 @@ function N(e, t, n) {
 		default: throw Error(`Unsupported unit: ${t}`);
 	}
 }
-function P(e, t, n) {
+function ee(e, t, n) {
 	let r = E[n];
 	if (r !== void 0) return (t.getTime() - e.getTime()) / r;
 	let i = n === "month" ? 1 : n === "quarter" ? 3 : 12, a = e.getFullYear() * 12 + e.getMonth(), o = t.getFullYear() * 12 + t.getMonth(), s = Math.floor((o - a) / i);
@@ -134,16 +134,16 @@ function P(e, t, n) {
 	let c = N(e, n, s).getTime(), l = N(e, n, s + 1).getTime();
 	return s + (t.getTime() - c) / (l - c);
 }
-function F(e, t, n) {
+function te(e, t, n) {
 	let r = E[t];
 	if (r !== void 0) return new Date(e.getTime() + n * r);
 	let i = Math.floor(n), a = n - i, o = N(e, t, i).getTime(), s = N(e, t, i + 1).getTime();
 	return new Date(o + a * (s - o));
 }
-function ee(e, t, n = "day", r = 1) {
+function ne(e, t, n = "day", r = 1) {
 	return Array.from({ length: t }, (t, i) => N(e, n, i * r));
 }
-function I(e) {
+function P(e) {
 	let t = e[0];
 	if (!t) return null;
 	let n = t.startDate, r = t.endDate ?? t.startDate;
@@ -157,19 +157,19 @@ function I(e) {
 		max: r
 	};
 }
-var L = S(I, 3), R = 1440, z = 6e4, B = [0, R], V = /^\s*(\d{1,2}):(\d{2})\s*-\s*(\d{1,2}):(\d{2})\s*$/;
-function te(e) {
-	let t = V.exec(e);
+var F = S(P, 3), I = 1440, L = 6e4, R = [0, I], z = /^\s*(\d{1,2}):(\d{2})\s*-\s*(\d{1,2}):(\d{2})\s*$/;
+function re(e) {
+	let t = z.exec(e);
 	if (!t) throw Error(`Invalid working-hours range ${JSON.stringify(e)}: expected "H:MM-H:MM", e.g. "8:30-12:00".`);
 	let n = Number(t[1]) * 60 + Number(t[2]), r = Number(t[3]) * 60 + Number(t[4]);
 	if (n < 0 || n >= 1440) throw Error(`Invalid working-hours range ${JSON.stringify(e)}: start must be within the day.`);
 	if (r <= n || r > 1440) throw Error(`Invalid working-hours range ${JSON.stringify(e)}: end must be after start and no later than 24:00.`);
 	return [n, r];
 }
-function H(e) {
-	if (e === void 0) return B;
+function B(e) {
+	if (e === void 0) return R;
 	if (e === !1) return [];
-	let t = e.map(te).toSorted((e, t) => e[0] - t[0]), n = [];
+	let t = e.map(re).toSorted((e, t) => e[0] - t[0]), n = [];
 	for (let [e, r] of t) {
 		let t = n.length > 0 ? n[n.length - 1] : void 0;
 		if (t !== void 0 && e <= t) {
@@ -180,7 +180,7 @@ function H(e) {
 	}
 	return n;
 }
-function ne(e, t) {
+function ie(e, t) {
 	let n = [], r = 0;
 	for (let t = 0; t < e.length; t += 2) n.push(r), r += e[t + 1] - e[t];
 	return {
@@ -190,43 +190,43 @@ function ne(e, t) {
 		id: t
 	};
 }
-function re() {
+function ae() {
 	let e = /* @__PURE__ */ new Map();
 	return (t) => {
 		let n = t.join(","), r = e.get(n);
 		if (r) return r;
-		let i = ne(t, e.size);
+		let i = ie(t, e.size);
 		return e.set(n, i), i;
 	};
 }
-function ie(e) {
+function oe(e) {
 	return e === void 0 ? "*" : e === !1 ? "-" : e.join(",");
 }
-function ae(e) {
+function se(e) {
 	if (!e) return "";
-	let t = [ie(e.hours)];
+	let t = [oe(e.hours)];
 	for (let n = 0; n < 7; n++) {
 		let r = e.days?.[n];
-		r !== void 0 && t.push(`${n}=${ie(r)}`);
+		r !== void 0 && t.push(`${n}=${oe(r)}`);
 	}
 	let n = e.dates;
-	if (n) for (let e of Object.keys(n).toSorted()) t.push(`${e}=${ie(n[e])}`);
+	if (n) for (let e of Object.keys(n).toSorted()) t.push(`${e}=${oe(n[e])}`);
 	return t.join("|");
 }
-var oe = /^(\d{4})-(\d{2})-(\d{2})$/;
-function se(e) {
-	let t = oe.exec(e);
+var ce = /^(\d{4})-(\d{2})-(\d{2})$/;
+function le(e) {
+	let t = ce.exec(e);
 	if (!t) throw Error(`Invalid calendar date key ${JSON.stringify(e)}: expected a local civil date, "YYYY-MM-DD".`);
 	return k(new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3])));
 }
-function ce(e, t) {
-	let n = re(), r = H(e.hours), i = [];
+function ue(e, t) {
+	let n = ae(), r = B(e.hours), i = [];
 	for (let t = 0; t < 7; t++) {
 		let a = e.days?.[t];
-		i.push(n(a === void 0 ? r : H(a)));
+		i.push(n(a === void 0 ? r : B(a)));
 	}
 	let a = /* @__PURE__ */ new Map();
-	if (e.dates) for (let [t, r] of Object.entries(e.dates)) a.set(se(t), n(H(r)));
+	if (e.dates) for (let [t, r] of Object.entries(e.dates)) a.set(le(t), n(B(r)));
 	let o = [...a.keys()].toSorted((e, t) => e - t), s = 0, c = !0, l = a.size === 0;
 	for (let e of i) s += e.totalMinutes, e.totalMinutes !== 0 && e.totalMinutes !== 1440 && (c = !1), e.totalMinutes !== 1440 && (l = !1);
 	for (let e of a.values()) e.totalMinutes !== 0 && e.totalMinutes !== 1440 && (c = !1);
@@ -240,13 +240,13 @@ function ce(e, t) {
 		isAlwaysWorking: l,
 		isDayGranular: c,
 		weekMinutes: s,
-		msPerWorkingDay: u * z
+		msPerWorkingDay: u * L
 	};
 }
-function U(e, t) {
+function V(e, t) {
 	return e.byDate.get(t) || e.byWeekday[((t + 4) % 7 + 7) % 7];
 }
-function le(e, t) {
+function de(e, t) {
 	let n = e.overrideDays, r = 0, i = n.length;
 	for (; r < i;) {
 		let e = r + i >> 1;
@@ -254,7 +254,7 @@ function le(e, t) {
 	}
 	return r < n.length ? n[r] : Infinity;
 }
-function ue(e, t) {
+function fe(e, t) {
 	let n = e.overrideDays, r = 0, i = n.length;
 	for (; r < i;) {
 		let e = r + i >> 1;
@@ -264,24 +264,24 @@ function ue(e, t) {
 }
 //#endregion
 //#region src/hooks/useResolvedCalendar.ts
-function de(e) {
-	let t = p(null), n = ae(e);
+function pe(e) {
+	let t = p(null), n = se(e);
 	return (!t.current || t.current.key !== n) && (t.current = {
 		key: n,
-		value: e ? ce(e, n) : null
+		value: e ? ue(e, n) : null
 	}), t.current.value;
 }
 //#endregion
 //#region src/core/workingTime.ts
-var fe = 36e5, pe = 864e5, me = 2e4;
-function he(e) {
-	return (e.getHours() * fe + e.getMinutes() * z + e.getSeconds() * 1e3 + e.getMilliseconds()) / z;
+var me = 36e5, he = 864e5, ge = 2e4;
+function H(e) {
+	return (e.getHours() * me + e.getMinutes() * L + e.getSeconds() * 1e3 + e.getMilliseconds()) / L;
 }
-function ge(e, t) {
+function _e(e, t) {
 	let n = A(e);
-	return new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0, Math.round(t * z));
+	return new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0, Math.round(t * L));
 }
-function _e(e, t) {
+function ve(e, t) {
 	let { intervals: n, prefix: r } = e;
 	for (let e = 0, i = 0; e < n.length; e += 2, i++) {
 		let a = n[e], o = n[e + 1];
@@ -290,12 +290,12 @@ function _e(e, t) {
 	}
 	return e.totalMinutes;
 }
-function W(e, t) {
+function ye(e, t) {
 	let { intervals: n, prefix: r } = e, i = n.length > 0 ? n[0] : 0;
 	for (let e = 0, a = 0; e < n.length && !(r[a] >= t); e += 2, a++) i = n[e] + (t - r[a]);
 	return i;
 }
-function ve(e, t) {
+function be(e, t) {
 	let { intervals: n, prefix: r } = e;
 	for (let e = 0, i = 0; e < n.length; e += 2, i++) {
 		let a = n[e + 1] - n[e];
@@ -303,90 +303,90 @@ function ve(e, t) {
 	}
 	return n.length > 0 ? n[n.length - 1] : 0;
 }
-function ye(e, t) {
+function U(e, t) {
 	let { intervals: n } = e;
 	for (let e = 0; e < n.length; e += 2) if (t < n[e + 1]) return Math.max(t, n[e]);
 	return null;
 }
-function be(e, t) {
+function xe(e, t) {
 	let { intervals: n } = e, r = null;
 	for (let e = 0; e < n.length; e += 2) t > n[e] && (r = Math.min(t, n[e + 1]));
 	return r;
 }
-function xe(e, t) {
+function Se(e, t) {
 	if (!e || e.isAlwaysWorking) return !0;
-	let n = U(e, k(t)), r = he(t), { intervals: i } = n;
+	let n = V(e, k(t)), r = H(t), { intervals: i } = n;
 	for (let e = 0; e < i.length; e += 2) if (r >= i[e] && r < i[e + 1]) return !0;
 	return !1;
 }
-function G(e, t, n) {
+function W(e, t, n) {
 	if (!e || e.isAlwaysWorking || e.weekMinutes === 0 && e.byDate.size === 0) return t;
-	let r = k(t), i = he(t);
-	for (let a = 0; a < me; a++) {
-		let a = U(e, r);
+	let r = k(t), i = H(t);
+	for (let a = 0; a < ge; a++) {
+		let a = V(e, r);
 		if (n === 1) {
-			let e = ye(a, i);
-			if (e !== null) return e === i && r === k(t) ? t : ge(r, e);
+			let e = U(a, i);
+			if (e !== null) return e === i && r === k(t) ? t : _e(r, e);
 			r += 1, i = 0;
 			continue;
 		}
-		let o = be(a, i);
-		if (o !== null) return o === i && r === k(t) ? t : ge(r, o);
-		--r, i = R;
+		let o = xe(a, i);
+		if (o !== null) return o === i && r === k(t) ? t : _e(r, o);
+		--r, i = I;
 	}
 	return t;
 }
-function Se(e, t) {
-	if (!e || e.isAlwaysWorking || xe(e, t)) return t;
-	let n = G(e, t, 1), r = G(e, t, -1);
+function Ce(e, t) {
+	if (!e || e.isAlwaysWorking || Se(e, t)) return t;
+	let n = W(e, t, 1), r = W(e, t, -1);
 	return n.getTime() - t.getTime() <= t.getTime() - r.getTime() ? n : r;
 }
-function Ce(e, t, n) {
-	let r = k(t), i = he(t), a = n;
-	for (let t = 0; t < me; t++) {
-		let t = U(e, r), n = _e(t, i), o = t.totalMinutes - n;
-		if (a <= o) return ge(r, W(t, n + a));
+function we(e, t, n) {
+	let r = k(t), i = H(t), a = n;
+	for (let t = 0; t < ge; t++) {
+		let t = V(e, r), n = ve(t, i), o = t.totalMinutes - n;
+		if (a <= o) return _e(r, ye(t, n + a));
 		if (a -= o, r += 1, i = 0, e.weekMinutes > 0 && a > e.weekMinutes) {
-			let t = le(e, r), n = t === Infinity ? Infinity : Math.floor((t - r) / 7), i = Math.ceil(a / e.weekMinutes) - 1, o = Math.min(n, i);
+			let t = de(e, r), n = t === Infinity ? Infinity : Math.floor((t - r) / 7), i = Math.ceil(a / e.weekMinutes) - 1, o = Math.min(n, i);
 			o > 0 && Number.isFinite(o) && (r += o * 7, a -= o * e.weekMinutes);
 		}
 	}
-	return ge(r, i);
+	return _e(r, i);
 }
-function we(e, t, n) {
-	let r = k(t), i = he(t), a = n;
-	for (let t = 0; t < me; t++) {
-		let t = U(e, r), n = _e(t, i);
-		if (a <= n) return ge(r, ve(t, n - a));
-		if (a -= n, --r, i = R, e.weekMinutes > 0 && a > e.weekMinutes) {
-			let t = ue(e, r), n = t === -Infinity ? Infinity : Math.floor((r - t) / 7), i = Math.ceil(a / e.weekMinutes) - 1, o = Math.min(n, i);
+function Te(e, t, n) {
+	let r = k(t), i = H(t), a = n;
+	for (let t = 0; t < ge; t++) {
+		let t = V(e, r), n = ve(t, i);
+		if (a <= n) return _e(r, be(t, n - a));
+		if (a -= n, --r, i = I, e.weekMinutes > 0 && a > e.weekMinutes) {
+			let t = fe(e, r), n = t === -Infinity ? Infinity : Math.floor((r - t) / 7), i = Math.ceil(a / e.weekMinutes) - 1, o = Math.min(n, i);
 			o > 0 && Number.isFinite(o) && (r -= o * 7, a -= o * e.weekMinutes);
 		}
 	}
-	return ge(r, i);
+	return _e(r, i);
 }
-function K(e, t, n, r) {
+function G(e, t, n, r) {
 	if (!e) return new Date(t.getTime() + n);
-	let i = G(e, t, r ?? (n < 0 ? -1 : 1));
-	return n === 0 || e.weekMinutes === 0 && e.byDate.size === 0 ? i : n > 0 ? Ce(e, i, n / z) : we(e, i, -n / z);
+	let i = W(e, t, r ?? (n < 0 ? -1 : 1));
+	return n === 0 || e.weekMinutes === 0 && e.byDate.size === 0 ? i : n > 0 ? we(e, i, n / L) : Te(e, i, -n / L);
 }
-function Te(e, t, n) {
+function K(e, t, n) {
 	if (!e) return n.getTime() - t.getTime();
-	if (n.getTime() < t.getTime()) return -Te(e, n, t);
-	let r = k(n), i = k(t), a = he(t), o = 0;
+	if (n.getTime() < t.getTime()) return -K(e, n, t);
+	let r = k(n), i = k(t), a = H(t), o = 0;
 	for (; i < r;) {
 		if (a === 0 && e.weekMinutes > 0) {
-			let t = le(e, i), n = Math.floor((Math.min(r, t) - i) / 7);
+			let t = de(e, i), n = Math.floor((Math.min(r, t) - i) / 7);
 			if (n > 0) {
 				o += n * e.weekMinutes, i += n * 7;
 				continue;
 			}
 		}
-		let t = U(e, i);
-		o += t.totalMinutes - _e(t, a), i += 1, a = 0;
+		let t = V(e, i);
+		o += t.totalMinutes - ve(t, a), i += 1, a = 0;
 	}
-	let s = U(e, i);
-	return o += _e(s, he(n)) - _e(s, a), o * z;
+	let s = V(e, i);
+	return o += ve(s, H(n)) - ve(s, a), o * L;
 }
 var Ee = { isNonWorking: !1 };
 function De(e, t, n) {
@@ -397,12 +397,12 @@ function De(e, t, n) {
 			reason: "weekend"
 		} : Ee;
 	}
-	if (Te(e, t, n) > 0) return Ee;
+	if (K(e, t, n) > 0) return Ee;
 	let r = k(t);
 	return e.byDate.has(r) ? {
 		isNonWorking: !0,
 		reason: "holiday"
-	} : U(e, r).totalMinutes === 0 ? {
+	} : V(e, r).totalMinutes === 0 ? {
 		isNonWorking: !0,
 		reason: "weekend"
 	} : {
@@ -411,10 +411,10 @@ function De(e, t, n) {
 	};
 }
 function Oe(e, t) {
-	return t === "minute" ? z : t === "hour" ? fe : !e || e.msPerWorkingDay === 0 ? pe : e.msPerWorkingDay;
+	return t === "minute" ? L : t === "hour" ? me : !e || e.msPerWorkingDay === 0 ? he : e.msPerWorkingDay;
 }
 function ke(e, t, n, r, i) {
-	return K(e, t, n * Oe(e, r), i);
+	return G(e, t, n * Oe(e, r), i);
 }
 //#endregion
 //#region src/core/taskDates.ts
@@ -437,7 +437,7 @@ function Pe(e, t) {
 	if (!(n.getTime() <= e.startDate.getTime())) return Me(e.startDate, n);
 }
 function Fe(e, t) {
-	return Te(t.calendar, e.startDate, je(e, t)) / Oe(t.calendar, t.durationUnit);
+	return K(t.calendar, e.startDate, je(e, t)) / Oe(t.calendar, t.durationUnit);
 }
 //#endregion
 //#region src/core/labels.ts
@@ -635,15 +635,15 @@ function tt(e, t) {
 }
 function nt(e, t) {
 	let { start: n, end: r } = tt(e, t);
-	return Te(t.calendar, n, r);
+	return K(t.calendar, n, r);
 }
 function rt(e, t, n, r, i) {
 	let a = i.calendar;
 	switch (t) {
-		case "FS": return K(a, e.end, n, 1);
-		case "SS": return K(a, e.start, n, 1);
-		case "FF": return K(a, K(a, e.end, n, -1), -r, -1);
-		case "SF": return K(a, K(a, e.start, n, -1), -r, -1);
+		case "FS": return G(a, e.end, n, 1);
+		case "SS": return G(a, e.start, n, 1);
+		case "FF": return G(a, G(a, e.end, n, -1), -r, -1);
+		case "SF": return G(a, G(a, e.start, n, -1), -r, -1);
 	}
 }
 function it(e) {
@@ -680,7 +680,7 @@ function ot(e, t, n, r) {
 		let t = rt(tt(e, r), s.type, (s.lag ?? 0) * a, i, r);
 		(o === null || t > o) && (o = t);
 	}
-	return o === null ? null : G(r.calendar, o, 1);
+	return o === null ? null : W(r.calendar, o, 1);
 }
 function st(e, t, n) {
 	return e.type === "milestone" ? {
@@ -690,34 +690,34 @@ function st(e, t, n) {
 	} : {
 		...e,
 		startDate: t,
-		endDate: K(n.calendar, t, nt(e, n), 1)
+		endDate: G(n.calendar, t, nt(e, n), 1)
 	};
 }
 function ct(e, t, n) {
 	let r = n.calendar, i = n.snapToWorking, a = tt(e, n);
 	if (e.type === "milestone") {
-		let e = t.kind === "resizeEnd" ? t.endDate : t.startDate, n = i ? Se(r, e) : e;
+		let e = t.kind === "resizeEnd" ? t.endDate : t.startDate, n = i ? Ce(r, e) : e;
 		return {
 			startDate: n,
 			endDate: n
 		};
 	}
 	if (t.kind === "move") {
-		let e = Te(r, a.start, a.end), n = i ? G(r, t.startDate, 1) : t.startDate;
+		let e = K(r, a.start, a.end), n = i ? W(r, t.startDate, 1) : t.startDate;
 		return {
 			startDate: n,
-			endDate: K(r, n, e, 1)
+			endDate: G(r, n, e, 1)
 		};
 	}
-	let o = t.kind === "resizeStart" ? t.startDate : a.start, s = t.kind === "resizeEnd" ? t.endDate : a.end, c = i ? G(r, o, 1) : o, l = i ? G(r, s, -1) : s;
-	if (Te(r, c, l) <= 0) {
+	let o = t.kind === "resizeStart" ? t.startDate : a.start, s = t.kind === "resizeEnd" ? t.endDate : a.end, c = i ? W(r, o, 1) : o, l = i ? W(r, s, -1) : s;
+	if (K(r, c, l) <= 0) {
 		let e = Oe(r, n.durationUnit);
 		return t.kind === "resizeStart" ? {
-			startDate: K(r, l, -e, -1),
+			startDate: G(r, l, -e, -1),
 			endDate: l
 		} : {
 			startDate: c,
-			endDate: K(r, c, e, 1)
+			endDate: G(r, c, e, 1)
 		};
 	}
 	return {
@@ -749,37 +749,107 @@ function lt(e, t, n, r = Ae) {
 	return o;
 }
 //#endregion
-//#region src/hooks/useTaskList.ts
+//#region src/core/criticalPath.ts
 var ut = {
+	criticalTaskIds: /* @__PURE__ */ new Set(),
+	criticalDependencyKeys: /* @__PURE__ */ new Set()
+};
+function dt(e, t, n, r, i, a) {
+	let o = a.calendar;
+	switch (t) {
+		case "FS": return G(o, e, -n, 1);
+		case "SS": return G(o, G(o, e, -n, 1), i, 1);
+		case "FF": return G(o, G(o, e, r, -1), -n, -1);
+		case "SF": return G(o, G(o, G(o, e, r, -1), -n, -1), i, 1);
+	}
+}
+function ft(e, t, n) {
+	if (e.size === 0) return ut;
+	let { successorsOf: r, predecessorDeps: i } = t, a = Oe(n.calendar, n.durationUnit), o = null;
+	for (let t of e.values()) {
+		let e = tt(t, n).end;
+		(o === null || e.getTime() > o.getTime()) && (o = e);
+	}
+	if (o === null) return ut;
+	let s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = new et();
+	for (let t of e.values()) {
+		let e = (r.get(t.id) ?? []).length;
+		c.set(t.id, e), e === 0 && l.enqueue(t.id);
+	}
+	let u = (t.size + 1) * (e.size + 1), d = 0;
+	for (; !l.isEmpty() && !(d++ > u);) {
+		let t = l.dequeue(), u = e.get(t);
+		if (!u || s.has(t)) continue;
+		let d = r.get(t) ?? [], f = o;
+		for (let r of d) {
+			let o = e.get(r), c = s.get(r);
+			if (!(!o || !c)) for (let e of i.get(r) ?? []) {
+				if (e.from !== t) continue;
+				let r = dt(c, e.type, (e.lag ?? 0) * a, nt(o, n), nt(u, n), n);
+				r.getTime() < f.getTime() && (f = r);
+			}
+		}
+		s.set(t, G(n.calendar, f, -nt(u, n), -1));
+		for (let e of i.get(t) ?? []) {
+			let t = (c.get(e.from) ?? 0) - 1;
+			c.set(e.from, t), t === 0 && l.enqueue(e.from);
+		}
+	}
+	let f = /* @__PURE__ */ new Set();
+	for (let t of e.values()) {
+		let e = s.get(t.id);
+		e && K(n.calendar, t.startDate, e) <= 0 && f.add(t.id);
+	}
+	let p = /* @__PURE__ */ new Set();
+	for (let t of e.values()) if (f.has(t.id)) for (let r of i.get(t.id) ?? []) {
+		let i = e.get(r.from);
+		!i || !f.has(r.from) || rt(tt(i, n), r.type, (r.lag ?? 0) * a, nt(t, n), n).getTime() === t.startDate.getTime() && p.add(`${r.from}->${r.to}`);
+	}
+	return {
+		criticalTaskIds: f,
+		criticalDependencyKeys: p
+	};
+}
+//#endregion
+//#region src/hooks/useTaskList.ts
+var pt = {
+	criticalTaskIds: /* @__PURE__ */ new Set(),
+	criticalDependencyKeys: /* @__PURE__ */ new Set()
+}, mt = {
 	transactions: [],
 	cursor: 0
-}, dt = [];
-function ft(e) {
+}, ht = [];
+function gt(e) {
 	a(e);
 }
-function pt(e, t) {
+function _t(e, t) {
 	let n = e.transactions.slice(0, e.cursor);
 	return {
 		transactions: [...n, t],
 		cursor: n.length + 1
 	};
 }
-function mt(e, t) {
+function vt(e, t) {
 	return e instanceof Date && t instanceof Date ? e.getTime() === t.getTime() : Object.is(e, t);
 }
-function ht(e, t) {
+function yt(e, t) {
 	let n = new Set([...Object.keys(e), ...Object.keys(t)]);
-	for (let r of n) if (!mt(e[r], t[r])) return !1;
+	for (let r of n) if (!vt(e[r], t[r])) return !1;
 	return !0;
 }
-var gt = (e, t = dt, n = {}, r = Ae) => {
+var bt = (e, t = ht, n = {}, r = Ae) => {
 	let i = p(n);
 	i.current = n;
 	let a = p(r);
 	a.current = r;
-	let [s, c] = m(ut), u = f(() => it(t), [t]), d = p(null), h = f(() => (d.current ??= Je(), Ye(d.current, e, s)), [e, s]), _ = p(h);
+	let [s, c] = m(mt), u = f(() => it(t), [t]), d = p(null), h = f(() => (d.current ??= Je(), Ye(d.current, e, s)), [e, s]), _ = p(h);
 	_.current = h;
-	let v = f(() => He(h, r), [h, r]), y = o((e, t) => {
+	let v = f(() => He(h, r), [h, r]), y = n.highlightCriticalPath ?? !1, b = f(() => y ? ft(h, u, r) : pt, [
+		y,
+		h,
+		u,
+		r
+	]), x = o((e, t) => {
 		let n = _.current.get(e);
 		if (!n) return;
 		let { startDate: r, endDate: i } = ct(n, t, a.current), o = {
@@ -787,7 +857,7 @@ var gt = (e, t = dt, n = {}, r = Ae) => {
 			startDate: r,
 			endDate: i
 		};
-		if (ht(o, n)) return;
+		if (yt(o, n)) return;
 		let s = [{
 			type: "update",
 			task: o
@@ -801,12 +871,12 @@ var gt = (e, t = dt, n = {}, r = Ae) => {
 				task: e
 			});
 		}
-		ft(() => c((e) => pt(e, s)));
-	}, [u]), b = o((e, t) => {
+		gt(() => c((e) => _t(e, s)));
+	}, [u]), S = o((e, t) => {
 		let n = _.current.get(e);
 		if (!n) return;
 		let r = { ...n };
-		if (t.name !== void 0 && (r.name = t.name), t.startDate && (r.startDate = t.startDate), t.endDate && (r.endDate = t.endDate), t.progress !== void 0 && (r.progress = t.progress), ht(r, n)) return;
+		if (t.name !== void 0 && (r.name = t.name), t.startDate && (r.startDate = t.startDate), t.endDate && (r.endDate = t.endDate), t.progress !== void 0 && (r.progress = t.progress), yt(r, n)) return;
 		let i = [{
 			type: "update",
 			task: r
@@ -820,45 +890,46 @@ var gt = (e, t = dt, n = {}, r = Ae) => {
 				task: e
 			});
 		}
-		ft(() => c((e) => pt(e, i)));
-	}, [u]), x = o((e, t) => {
+		gt(() => c((e) => _t(e, i)));
+	}, [u]), C = o((e, t) => {
 		g(() => {
-			c((n) => pt(n, [{
+			c((n) => _t(n, [{
 				type: "create",
 				task: e,
 				afterId: t
 			}]));
 		}), i.current.onTaskCreate?.(e, t);
-	}, []), S = o((e) => {
-		ft(() => c((t) => pt(t, [{
+	}, []), w = o((e) => {
+		gt(() => c((t) => _t(t, [{
 			type: "delete",
 			id: e
 		}]))), i.current.onTaskDelete?.(e);
-	}, []), C = o(() => {
-		ft(() => c((e) => e.cursor > 0 ? {
+	}, []), T = o(() => {
+		gt(() => c((e) => e.cursor > 0 ? {
 			...e,
 			cursor: e.cursor - 1
 		} : e));
-	}, []), w = o(() => {
-		ft(() => c((e) => e.cursor < e.transactions.length ? {
+	}, []), E = o(() => {
+		gt(() => c((e) => e.cursor < e.transactions.length ? {
 			...e,
 			cursor: e.cursor + 1
 		} : e));
-	}, []), T = s.cursor > 0, E = s.cursor < s.transactions.length, D = p(v);
-	D.current = v;
-	let O = p(s);
+	}, []), D = s.cursor > 0, O = s.cursor < s.transactions.length, k = p(v);
+	k.current = v;
+	let A = p(s);
 	return l(() => {
-		O.current !== s && (O.current = s, i.current.onTasksChange?.(D.current));
+		A.current !== s && (A.current = s, i.current.onTasksChange?.(k.current));
 	}, [s]), {
 		tasksList: v,
-		updateTask: b,
-		commitTask: y,
-		createTask: x,
-		deleteTask: S,
-		undo: C,
-		redo: w,
-		canUndo: T,
-		canRedo: E
+		criticalPath: b,
+		updateTask: S,
+		commitTask: x,
+		createTask: C,
+		deleteTask: w,
+		undo: T,
+		redo: E,
+		canUndo: D,
+		canRedo: O
 	};
 };
 //#endregion
@@ -869,7 +940,7 @@ function q(e) {
 }
 //#endregion
 //#region src/hooks/useExpand.ts
-function _t(e) {
+function xt(e) {
 	let t = f(() => {
 		let t = /* @__PURE__ */ new Set();
 		for (let n of e) n.parentId != null && t.add(n.parentId);
@@ -914,13 +985,13 @@ function _t(e) {
 }
 //#endregion
 //#region src/hooks/useIsomorphicLayoutEffect.ts
-var vt = typeof window < "u" ? d : l, yt = {
+var St = typeof window < "u" ? d : l, Ct = {
 	scrollTop: 0,
 	scrollLeft: 0,
 	clientWidth: 0,
 	clientHeight: 0
 };
-function bt(e) {
+function wt(e) {
 	return {
 		scrollTop: e.scrollTop,
 		scrollLeft: e.scrollLeft,
@@ -928,24 +999,24 @@ function bt(e) {
 		clientHeight: e.clientHeight
 	};
 }
-function xt(e, t, n) {
+function Tt(e, t, n) {
 	return e.scrollTop !== t.scrollTop || e.clientHeight !== t.clientHeight ? !1 : n ? e.scrollLeft === t.scrollLeft && e.clientWidth === t.clientWidth : !0;
 }
-function St(e, { trackHorizontal: t = !0 } = {}) {
-	let n = p(null), r = q(t), [i, a] = m(yt), s = o(() => {
+function Et(e, { trackHorizontal: t = !0 } = {}) {
+	let n = p(null), r = q(t), [i, a] = m(Ct), s = o(() => {
 		n.current === null && (n.current = requestAnimationFrame(() => {
 			n.current = null;
 			let t = e.current;
 			if (!t) return;
-			let i = bt(t);
-			a((e) => xt(e, i, r.current) ? e : i);
+			let i = wt(t);
+			a((e) => Tt(e, i, r.current) ? e : i);
 		}));
 	}, [e, r]);
-	return vt(() => {
+	return St(() => {
 		let t = e.current;
 		t && a((e) => {
-			let n = bt(t);
-			return xt(e, n, r.current) ? e : n;
+			let n = wt(t);
+			return Tt(e, n, r.current) ? e : n;
 		});
 	}, [e]), l(() => {
 		let t = e.current;
@@ -961,8 +1032,8 @@ function St(e, { trackHorizontal: t = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useScrollSync.ts
-function Ct() {
-	let e = p(null), t = p(null), n = p(!1), { viewport: r, scheduleMeasure: i } = St(t);
+function Dt() {
+	let e = p(null), t = p(null), n = p(!1), { viewport: r, scheduleMeasure: i } = Et(t);
 	return {
 		taskListRef: e,
 		gridRef: t,
@@ -977,7 +1048,7 @@ function Ct() {
 }
 //#endregion
 //#region src/hooks/useEventCallback.ts
-function wt(e) {
+function Ot(e) {
 	let t = p(e);
 	t.current = e;
 	let n = o((...e) => t.current?.(...e), []);
@@ -985,26 +1056,26 @@ function wt(e) {
 }
 //#endregion
 //#region src/core/scroll.ts
-function Tt(e, t, n, r, i = 0) {
+function kt(e, t, n, r, i = 0) {
 	let a = n + r;
 	return e - i < n ? Math.max(0, e - i) : e + t + i > a ? e + t + i - r : n;
 }
 //#endregion
 //#region src/core/barUtils.ts
-function Et(e, t = {}, n, r, i = "day") {
-	let a = t.startDate ?? e.startDate, o = t.endDate ?? e.endDate ?? a, s = P(n, a, i), c = P(n, o, i);
+function At(e, t = {}, n, r, i = "day") {
+	let a = t.startDate ?? e.startDate, o = t.endDate ?? e.endDate ?? a, s = ee(n, a, i), c = ee(n, o, i);
 	return {
 		left: s * r,
 		width: (c - s) * r,
 		progress: t.progress ?? e.progress ?? 0
 	};
 }
-function Dt(e, t, n, r = "day") {
-	return F(t, r, e / n);
+function jt(e, t, n, r = "day") {
+	return te(t, r, e / n);
 }
 //#endregion
 //#region src/core/scales.ts
-var Ot = [{
+var Mt = [{
 	unit: "month",
 	step: 1,
 	format: (e) => e.toLocaleString(void 0, {
@@ -1016,39 +1087,39 @@ var Ot = [{
 	step: 1,
 	format: (e) => String(e.getDate())
 }];
-function kt(e) {
-	return (e ?? Ot).at(-1)?.unit ?? "day";
+function Nt(e) {
+	return (e ?? Mt).at(-1)?.unit ?? "day";
 }
-function At(e) {
-	return (e ?? Ot).at(-1)?.step ?? 1;
+function Pt(e) {
+	return (e ?? Mt).at(-1)?.step ?? 1;
 }
 //#endregion
 //#region src/core/timeline.ts
-function jt(e, t, n) {
-	let r = L(e);
-	return r ? Mt(r.min, kt(t), n, At(t)) : null;
+function Ft(e, t, n) {
+	let r = F(e);
+	return r ? It(r.min, Nt(t), n, Pt(t)) : null;
 }
-function Mt(e, t, n, r) {
+function It(e, t, n, r) {
 	return M(N(M(e, t), t, -n * r), t);
 }
-function Nt(e, t = 0, n) {
-	let r = L(e);
+function Lt(e, t = 0, n) {
+	let r = F(e);
 	if (!r) return [];
-	let i = kt(n), a = At(n), o = Mt(r.min, i, t, a), s = N(M(r.max, i), i, t * a);
-	return ee(o, Math.round(P(o, s, i) / a) + 1, i, a);
+	let i = Nt(n), a = Pt(n), o = It(r.min, i, t, a), s = N(M(r.max, i), i, t * a);
+	return ne(o, Math.round(ee(o, s, i) / a) + 1, i, a);
 }
 //#endregion
 //#region src/hooks/useRevealTask.ts
-function Pt({ taskListRef: e, gridRef: t, tasksList: n, visibleTasks: r, rowHeight: i, colWidth: a, scales: s, padDays: c, revealAncestors: l }) {
+function Rt({ taskListRef: e, gridRef: t, tasksList: n, visibleTasks: r, rowHeight: i, colWidth: a, scales: s, padDays: c, revealAncestors: l }) {
 	let u = q(n), f = q(r), m = p(() => {}), h = p(null), g = (n) => {
 		let r = e.current ?? t.current;
 		if (!r) return;
-		let a = Tt(n * i, i, r.scrollTop, r.clientHeight, i);
+		let a = kt(n * i, i, r.scrollTop, r.clientHeight, i);
 		a !== r.scrollTop && (r.scrollTop = a);
 	}, _ = (e) => {
-		let n = t.current, r = jt(f.current, s, c);
+		let n = t.current, r = Ft(f.current, s, c);
 		if (!n || !r) return;
-		let { left: i, width: o } = Et(e, {}, r, a, kt(s)), l = Tt(i, o, n.scrollLeft, n.clientWidth, a);
+		let { left: i, width: o } = At(e, {}, r, a, Nt(s)), l = kt(i, o, n.scrollLeft, n.clientWidth, a);
 		l !== n.scrollLeft && (n.scrollLeft = l);
 	};
 	return m.current = (e, t) => {
@@ -1069,13 +1140,13 @@ function Pt({ taskListRef: e, gridRef: t, tasksList: n, visibleTasks: r, rowHeig
 }
 //#endregion
 //#region src/hooks/useZoom.ts
-function Ft({ gridRef: e, visibleTasks: t, padDays: n, levels: r, initialIndex: i }) {
+function zt({ gridRef: e, visibleTasks: t, padDays: n, levels: r, initialIndex: i }) {
 	let a = o((e) => Math.max(0, Math.min(r.length - 1, e)), [r.length]), [s, c] = m(() => a(i)), l = q(s), u = q(t), f = q(n), h = q(r), g = p(null), _ = o((t, n) => {
 		let r = l.current, i = a(r + n);
 		if (i === r) return;
-		let o = e.current, s = h.current[r], d = jt(u.current, s.scales, f.current);
+		let o = e.current, s = h.current[r], d = Ft(u.current, s.scales, f.current);
 		o && d ? g.current = {
-			date: F(d, kt(s.scales), t / s.colWidth),
+			date: te(d, Nt(s.scales), t / s.colWidth),
 			viewportOffset: t - o.scrollLeft
 		} : g.current = null, c(i);
 	}, [
@@ -1098,9 +1169,9 @@ function Ft({ gridRef: e, visibleTasks: t, padDays: n, levels: r, initialIndex:
 		let t = g.current;
 		if (t === null) return;
 		g.current = null;
-		let n = e.current, r = h.current[s], i = jt(u.current, r.scales, f.current);
+		let n = e.current, r = h.current[s], i = Ft(u.current, r.scales, f.current);
 		if (!n || !i) return;
-		let a = kt(r.scales), o = P(i, t.date, a) * r.colWidth;
+		let a = Nt(r.scales), o = ee(i, t.date, a) * r.colWidth;
 		n.scrollLeft = Math.max(0, o - t.viewportOffset);
 	}, [s]), {
 		index: s,
@@ -1116,23 +1187,23 @@ function Ft({ gridRef: e, visibleTasks: t, padDays: n, levels: r, initialIndex:
 }
 //#endregion
 //#region src/core/zoom.ts
-var It = (e) => String(e).padStart(2, "0"), Lt = (e) => String(e.getFullYear()), Rt = (e) => `Q${Math.floor(e.getMonth() / 3) + 1}`, zt = (e) => e.toLocaleString(void 0, {
+var Bt = (e) => String(e).padStart(2, "0"), Vt = (e) => String(e.getFullYear()), Ht = (e) => `Q${Math.floor(e.getMonth() / 3) + 1}`, Ut = (e) => e.toLocaleString(void 0, {
 	month: "long",
 	year: "numeric"
-}), Bt = (e) => e.toLocaleString(void 0, { month: "short" }), Vt = (e) => String(e.getDate()), Ht = (e) => e.toLocaleString(void 0, {
+}), Wt = (e) => e.toLocaleString(void 0, { month: "short" }), Gt = (e) => String(e.getDate()), Kt = (e) => e.toLocaleString(void 0, {
 	weekday: "short",
 	day: "numeric"
-}), Ut = [
+}), qt = [
 	{
 		colWidth: 56,
 		scales: [{
 			unit: "year",
 			step: 1,
-			format: Lt
+			format: Vt
 		}, {
 			unit: "quarter",
 			step: 1,
-			format: Rt
+			format: Ht
 		}]
 	},
 	{
@@ -1140,11 +1211,11 @@ var It = (e) => String(e).padStart(2, "0"), Lt = (e) => String(e.getFullYear()),
 		scales: [{
 			unit: "year",
 			step: 1,
-			format: Lt
+			format: Vt
 		}, {
 			unit: "month",
 			step: 1,
-			format: Bt
+			format: Wt
 		}]
 	},
 	{
@@ -1152,11 +1223,11 @@ var It = (e) => String(e).padStart(2, "0"), Lt = (e) => String(e.getFullYear()),
 		scales: [{
 			unit: "month",
 			step: 1,
-			format: zt
+			format: Ut
 		}, {
 			unit: "week",
 			step: 1,
-			format: Ht
+			format: Kt
 		}]
 	},
 	{
@@ -1164,11 +1235,11 @@ var It = (e) => String(e).padStart(2, "0"), Lt = (e) => String(e.getFullYear()),
 		scales: [{
 			unit: "month",
 			step: 1,
-			format: zt
+			format: Ut
 		}, {
 			unit: "day",
 			step: 1,
-			format: Vt
+			format: Gt
 		}]
 	},
 	{
@@ -1176,23 +1247,23 @@ var It = (e) => String(e).padStart(2, "0"), Lt = (e) => String(e.getFullYear()),
 		scales: [{
 			unit: "day",
 			step: 1,
-			format: Ht
+			format: Kt
 		}, {
 			unit: "hour",
 			step: 1,
-			format: (e) => `${It(e.getHours())}:00`
+			format: (e) => `${Bt(e.getHours())}:00`
 		}]
 	}
-], Wt = 3;
-function Gt(e, t, n) {
-	return e && e.length > 0 ? e : !t && n === void 0 ? Ut : Ut.map((e, r) => r === 3 ? {
+], Jt = 3;
+function Yt(e, t, n) {
+	return e && e.length > 0 ? e : !t && n === void 0 ? qt : qt.map((e, r) => r === 3 ? {
 		scales: t ?? e.scales,
 		colWidth: n ?? e.colWidth
 	} : e);
 }
 //#endregion
 //#region src/hooks/useDependencyDrag.ts
-var Kt = {
+var Xt = {
 	end: {
 		start: "FS",
 		end: "FF"
@@ -1202,7 +1273,7 @@ var Kt = {
 		end: "SF"
 	}
 };
-function qt({ gridBodyRef: e, onDependencyCreate: t }) {
+function Zt({ gridBodyRef: e, onDependencyCreate: t }) {
 	let n = q(t), [r, i] = m(null), a = q(r), s = p(null), c = p(null), u = p(null), d = o(() => {
 		s.current &&= (window.removeEventListener("mousemove", s.current.move), window.removeEventListener("mouseup", s.current.up), null), c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
 	}, []);
@@ -1236,7 +1307,7 @@ function qt({ gridBodyRef: e, onDependencyCreate: t }) {
 		endDrag: o((e, t) => {
 			let r = a.current;
 			if (r && e !== null && t && e !== r.fromTaskId) {
-				let i = Kt[r.handle][t];
+				let i = Xt[r.handle][t];
 				n.current?.({
 					from: r.fromTaskId,
 					to: e,
@@ -1253,7 +1324,7 @@ function qt({ gridBodyRef: e, onDependencyCreate: t }) {
 }
 //#endregion
 //#region src/context/useGanttHandle.ts
-function Jt(e) {
+function Qt(e) {
 	let { createTask: t, updateTask: n, deleteTask: r, undo: i, redo: a, revealTask: o, zoomIn: s, zoomOut: c, setZoom: l } = e;
 	return f(() => ({
 		createTask: t,
@@ -1279,7 +1350,7 @@ function Jt(e) {
 }
 //#endregion
 //#region src/context/useColumnApi.ts
-function Yt({ handle: e, readOnly: t, labels: n, schedulingContext: r, onTaskEditRef: i }) {
+function $t({ handle: e, readOnly: t, labels: n, schedulingContext: r, onTaskEditRef: i }) {
 	return f(() => ({
 		...e,
 		editTask: (e) => i.current?.(e),
@@ -1299,35 +1370,23 @@ function Yt({ handle: e, readOnly: t, labels: n, schedulingContext: r, onTaskEdi
 }
 //#endregion
 //#region src/context/contexts.ts
-var Xt = n(null);
-function Zt() {
-	let e = s(Xt);
+var en = n(null);
+function tn() {
+	let e = s(en);
 	if (!e) throw Error("useGanttConfig must be used within a <GanttProvider>");
 	return e;
 }
-var Qt = n(Ie);
-function $t() {
-	return s(Qt);
-}
-var en = n(Ae);
-function tn() {
-	return s(en);
-}
-var nn = n(!1);
+var nn = n(Ie);
 function rn() {
 	return s(nn);
 }
-var an = n(null);
+var an = n(Ae);
 function on() {
-	let e = s(an);
-	if (!e) throw Error("useGanttTaskState must be used within a <GanttProvider>");
-	return e;
+	return s(an);
 }
-var sn = n(null);
+var sn = n(!1);
 function cn() {
-	let e = s(sn);
-	if (!e) throw Error("useGanttTaskActions must be used within a <GanttProvider>");
-	return e;
+	return s(sn);
 }
 var ln = n(null);
 function un() {
@@ -1336,213 +1395,233 @@ function un() {
 var dn = n(null);
 function fn() {
 	let e = s(dn);
-	if (!e) throw Error("useGanttScroll must be used within a <GanttProvider>");
+	if (!e) throw Error("useGanttTaskState must be used within a <GanttProvider>");
 	return e;
 }
 var pn = n(null);
 function mn() {
 	let e = s(pn);
-	if (!e) throw Error("useGanttViewport must be used within a <GanttProvider>");
+	if (!e) throw Error("useGanttTaskActions must be used within a <GanttProvider>");
 	return e;
 }
 var hn = n(null);
 function gn() {
-	let e = s(hn);
-	if (!e) throw Error("useGanttDependency must be used within a <GanttProvider>");
-	return e;
+	return s(hn);
 }
-var _n = n(!1);
+var _n = n(null);
 function vn() {
-	return s(_n);
+	let e = s(_n);
+	if (!e) throw Error("useGanttScroll must be used within a <GanttProvider>");
+	return e;
 }
 var yn = n(null);
 function bn() {
-	return s(yn);
+	let e = s(yn);
+	if (!e) throw Error("useGanttViewport must be used within a <GanttProvider>");
+	return e;
 }
 var xn = n(null);
 function Sn() {
 	let e = s(xn);
+	if (!e) throw Error("useGanttDependency must be used within a <GanttProvider>");
+	return e;
+}
+var Cn = n(!1);
+function wn() {
+	return s(Cn);
+}
+var Tn = n(null);
+function En() {
+	return s(Tn);
+}
+var Dn = n(null);
+function On() {
+	let e = s(Dn);
 	if (!e) throw Error("useGanttZoom must be used within a <GanttProvider>");
 	return e;
 }
 //#endregion
 //#region src/context/GanttProvider.tsx
-function Cn({ tasks: e, rowHeight: t = 36, colWidth: n, height: r, scales: i, padDays: a = 1, zoomLevels: s, defaultZoomIndex: c, onZoomChange: d, zoomWheel: h = !1, zoomKeyboard: g = !1, dependencies: _ = dt, onTaskClick: y, onDependencyCreate: b, onDependencyDelete: x, onTaskCreate: S, onTaskDelete: C, onTaskEdit: w, onTasksChange: T, apiRef: E, labels: D, calendar: O, snapToWorking: k = !0, durationUnit: A = "day", readOnly: j = !1, children: M }) {
-	let [N, P] = m(null), F = f(() => Le(D), [D]), ee = de(O), I = f(() => ({
-		calendar: ee,
+function kn({ tasks: e, rowHeight: t = 36, colWidth: n, height: r, scales: i, padDays: a = 1, zoomLevels: s, defaultZoomIndex: c, onZoomChange: d, zoomWheel: h = !1, zoomKeyboard: g = !1, dependencies: _ = ht, onTaskClick: y, onDependencyCreate: b, onDependencyDelete: x, onTaskCreate: S, onTaskDelete: C, onTaskEdit: w, onTasksChange: T, apiRef: E, labels: D, calendar: O, snapToWorking: k = !0, durationUnit: A = "day", readOnly: j = !1, criticalPath: M = !1, children: N }) {
+	let [ee, te] = m(null), ne = f(() => Le(D), [D]), P = pe(O), F = f(() => ({
+		calendar: P,
 		durationUnit: A,
 		snapToWorking: k
 	}), [
-		ee,
+		P,
 		A,
 		k
-	]), L = q(w), R = wt(y), z = wt(x), { tasksList: B, updateTask: V, commitTask: te, createTask: H, deleteTask: ne, undo: re, redo: ie, canUndo: ae, canRedo: oe } = gt(e, _, {
+	]), I = q(w), L = Ot(y), R = Ot(x), { tasksList: z, criticalPath: re, updateTask: B, commitTask: ie, createTask: ae, deleteTask: oe, undo: se, redo: ce, canUndo: le, canRedo: ue } = bt(e, _, {
 		onTaskCreate: S,
 		onTaskDelete: C,
-		onTasksChange: T
-	}, I), { visibleTasks: se, expandedIds: ce, parentIds: U, toggleExpand: le, revealAncestors: ue } = _t(B), { taskListRef: fe, gridRef: pe, onTaskListScroll: me, onGridScroll: he, viewport: ge } = Ct(), _e = p(null), W = Ft({
-		gridRef: pe,
-		visibleTasks: se,
+		onTasksChange: T,
+		highlightCriticalPath: M
+	}, F), { visibleTasks: V, expandedIds: de, parentIds: fe, toggleExpand: me, revealAncestors: he } = xt(z), { taskListRef: ge, gridRef: H, onTaskListScroll: _e, onGridScroll: ve, viewport: ye } = Dt(), be = p(null), U = zt({
+		gridRef: H,
+		visibleTasks: V,
 		padDays: a,
-		levels: f(() => Gt(s, i, n), [
+		levels: f(() => Yt(s, i, n), [
 			s,
 			i,
 			n
 		]),
 		initialIndex: c ?? 3
-	}), ve = Pt({
-		taskListRef: fe,
-		gridRef: pe,
-		tasksList: B,
-		visibleTasks: se,
+	}), xe = Rt({
+		taskListRef: ge,
+		gridRef: H,
+		tasksList: z,
+		visibleTasks: V,
 		rowHeight: t,
-		colWidth: W.level.colWidth,
-		scales: W.level.scales,
+		colWidth: U.level.colWidth,
+		scales: U.level.scales,
 		padDays: a,
-		revealAncestors: ue
-	}), ye = q(d);
+		revealAncestors: he
+	}), Se = q(d);
 	l(() => {
-		ye.current?.({
-			index: W.index,
-			count: W.count
+		Se.current?.({
+			index: U.index,
+			count: U.count
 		});
 	}, [
-		W.index,
-		W.count,
-		ye
+		U.index,
+		U.count,
+		Se
 	]);
-	let be = o((e, t) => {
-		H(e, t), P(e.id), ve(e.id);
-	}, [H, ve]), { zoomIn: xe, zoomOut: G, setZoom: Se, zoomAt: Ce } = W, we = Jt({
-		createTask: be,
-		updateTask: V,
-		deleteTask: ne,
-		undo: re,
-		redo: ie,
-		revealTask: ve,
-		zoomIn: xe,
-		zoomOut: G,
-		setZoom: Se
+	let W = o((e, t) => {
+		ae(e, t), te(e.id), xe(e.id);
+	}, [ae, xe]), { zoomIn: Ce, zoomOut: we, setZoom: Te, zoomAt: G } = U, K = Qt({
+		createTask: W,
+		updateTask: B,
+		deleteTask: oe,
+		undo: se,
+		redo: ce,
+		revealTask: xe,
+		zoomIn: Ce,
+		zoomOut: we,
+		setZoom: Te
 	});
-	u(E, () => we, [we]);
-	let K = Yt({
-		handle: we,
+	u(E, () => K, [K]);
+	let Ee = $t({
+		handle: K,
 		readOnly: j,
-		labels: F,
-		schedulingContext: I,
-		onTaskEditRef: L
-	}), { drag: Te, startDrag: Ee, endDrag: De } = qt({
-		gridBodyRef: _e,
+		labels: ne,
+		schedulingContext: F,
+		onTaskEditRef: I
+	}), { drag: De, startDrag: Oe, endDrag: ke } = Zt({
+		gridBodyRef: be,
 		onDependencyCreate: b
-	}), Oe = f(() => ({
+	}), Ae = M ? re : null, je = f(() => ({
 		rowHeight: t,
-		colWidth: W.level.colWidth,
-		scales: W.level.scales,
+		colWidth: U.level.colWidth,
+		scales: U.level.scales,
 		padDays: a,
 		height: r
 	}), [
 		t,
-		W.level,
+		U.level,
 		a,
 		r
-	]), ke = f(() => ({
-		zoomIn: xe,
-		zoomOut: G,
-		zoomAt: Ce,
+	]), Me = f(() => ({
+		zoomIn: Ce,
+		zoomOut: we,
+		zoomAt: G,
 		wheelEnabled: h,
 		keyboardEnabled: g
 	}), [
-		xe,
-		G,
 		Ce,
+		we,
+		G,
 		h,
 		g
-	]), Ae = f(() => ({
-		tasksList: B,
-		visibleTasks: se,
-		expandedIds: ce,
-		parentIds: U,
-		canUndo: ae,
-		canRedo: oe
+	]), Ne = f(() => ({
+		tasksList: z,
+		visibleTasks: V,
+		expandedIds: de,
+		parentIds: fe,
+		canUndo: le,
+		canRedo: ue
+	}), [
+		z,
+		V,
+		de,
+		fe,
+		le,
+		ue
+	]), Pe = f(() => ({
+		updateTask: B,
+		commitTask: ie,
+		createTask: W,
+		deleteTask: oe,
+		undo: se,
+		redo: ce,
+		columnApi: Ee,
+		setSelectedId: te,
+		toggleExpand: me,
+		onTaskClick: L,
+		revealTask: xe
 	}), [
 		B,
+		ie,
+		W,
+		oe,
 		se,
 		ce,
-		U,
-		ae,
-		oe
-	]), je = f(() => ({
-		updateTask: V,
-		commitTask: te,
-		createTask: be,
-		deleteTask: ne,
-		undo: re,
-		redo: ie,
-		columnApi: K,
-		setSelectedId: P,
-		toggleExpand: le,
-		onTaskClick: R,
-		revealTask: ve
+		Ee,
+		me,
+		L,
+		xe
+	]), Fe = f(() => ({
+		taskListRef: ge,
+		gridRef: H,
+		gridBodyRef: be,
+		onTaskListScroll: _e,
+		onGridScroll: ve
 	}), [
-		V,
-		te,
-		be,
-		ne,
-		re,
-		ie,
-		K,
-		le,
-		R,
+		ge,
+		H,
+		_e,
 		ve
-	]), Me = f(() => ({
-		taskListRef: fe,
-		gridRef: pe,
-		gridBodyRef: _e,
-		onTaskListScroll: me,
-		onGridScroll: he
-	}), [
-		fe,
-		pe,
-		me,
-		he
-	]), Ne = f(() => ({
+	]), Ie = f(() => ({
 		dependencies: _,
-		onDependencyDelete: z,
-		startDrag: Ee,
-		endDrag: De
+		onDependencyDelete: R,
+		startDrag: Oe,
+		endDrag: ke
 	}), [
 		_,
-		z,
-		Ee,
-		De
+		R,
+		Oe,
+		ke
 	]);
-	return /* @__PURE__ */ v(Xt.Provider, {
-		value: Oe,
-		children: /* @__PURE__ */ v(nn.Provider, {
+	return /* @__PURE__ */ v(en.Provider, {
+		value: je,
+		children: /* @__PURE__ */ v(sn.Provider, {
 			value: j,
-			children: /* @__PURE__ */ v(Qt.Provider, {
-				value: F,
-				children: /* @__PURE__ */ v(en.Provider, {
-					value: I,
-					children: /* @__PURE__ */ v(xn.Provider, {
-						value: ke,
-						children: /* @__PURE__ */ v(dn.Provider, {
+			children: /* @__PURE__ */ v(ln.Provider, {
+				value: Ae,
+				children: /* @__PURE__ */ v(nn.Provider, {
+					value: ne,
+					children: /* @__PURE__ */ v(an.Provider, {
+						value: F,
+						children: /* @__PURE__ */ v(Dn.Provider, {
 							value: Me,
-							children: /* @__PURE__ */ v(sn.Provider, {
-								value: je,
-								children: /* @__PURE__ */ v(hn.Provider, {
-									value: Ne,
-									children: /* @__PURE__ */ v(an.Provider, {
-										value: Ae,
-										children: /* @__PURE__ */ v(ln.Provider, {
-											value: N,
-											children: /* @__PURE__ */ v(_n.Provider, {
-												value: Te !== null,
-												children: /* @__PURE__ */ v(pn.Provider, {
-													value: ge,
+							children: /* @__PURE__ */ v(_n.Provider, {
+								value: Fe,
+								children: /* @__PURE__ */ v(pn.Provider, {
+									value: Pe,
+									children: /* @__PURE__ */ v(xn.Provider, {
+										value: Ie,
+										children: /* @__PURE__ */ v(dn.Provider, {
+											value: Ne,
+											children: /* @__PURE__ */ v(hn.Provider, {
+												value: ee,
+												children: /* @__PURE__ */ v(Cn.Provider, {
+													value: De !== null,
 													children: /* @__PURE__ */ v(yn.Provider, {
-														value: Te,
-														children: M
+														value: ye,
+														children: /* @__PURE__ */ v(Tn.Provider, {
+															value: De,
+															children: N
+														})
 													})
 												})
 											})
@@ -1559,48 +1638,48 @@ function Cn({ tasks: e, rowHeight: t = 36, colWidth: n, height: r, scales: i, pa
 }
 //#endregion
 //#region src/context/GanttSlotsContext.tsx
-var wn = n({});
-function Tn({ value: e, children: t }) {
-	return /* @__PURE__ */ v(wn.Provider, {
+var An = n({});
+function jn({ value: e, children: t }) {
+	return /* @__PURE__ */ v(An.Provider, {
 		value: e,
 		children: t
 	});
 }
 function J() {
-	return s(wn);
+	return s(An);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function En(e) {
+function Mn(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = En(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = Mn(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function Dn() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = En(e)) && (r && (r += " "), r += t);
+function Y() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Mn(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region src/core/slots.ts
-function Y(e, t, n) {
+function X(e, t, n) {
 	let r = typeof t == "function" ? t(n) : t;
 	if (!r) return e;
 	let { className: i, style: a, ...o } = r;
 	return {
 		...e,
 		...o,
-		className: Dn(e.className, i),
+		className: Y(e.className, i),
 		style: {
 			...e.style,
 			...a
 		}
 	};
 }
-var On = {
+var Nn = {
 	calendar: "_calendar_1ksbu_1",
 	row: "_row_1ksbu_19",
 	cell: "_cell_1ksbu_29",
@@ -1608,7 +1687,7 @@ var On = {
 };
 //#endregion
 //#region src/components/calendar/CalendarRow.tsx
-function kn(e, t) {
+function Pn(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r], a = D(i, t.unit, t.step), o = n[n.length - 1];
@@ -1621,7 +1700,7 @@ function kn(e, t) {
 	}
 	return n;
 }
-function An(e, t) {
+function Fn(e, t) {
 	if (!t) return {
 		start: 0,
 		end: e.length
@@ -1638,16 +1717,16 @@ function An(e, t) {
 		end: i
 	};
 }
-function jn({ scale: e, dates: t, colWidth: n, rowHeight: r, highlightWeekends: i = !1, colRange: a, rowIndex: o, slots: s, slotProps: c }) {
-	let l = J(), u = s ?? l.timeline?.calendarRow?.slots, { calendar: d } = tn(), p = c ?? l.timeline?.calendarRow?.slotProps, m = f(() => kn(t, e), [t, e]), h = An(m, a), g = u?.row ?? "div", _ = u?.cell ?? "div", y = {
+function In({ scale: e, dates: t, colWidth: n, rowHeight: r, highlightWeekends: i = !1, colRange: a, rowIndex: o, slots: s, slotProps: c }) {
+	let l = J(), u = s ?? l.timeline?.calendarRow?.slots, { calendar: d } = on(), p = c ?? l.timeline?.calendarRow?.slotProps, m = f(() => Pn(t, e), [t, e]), h = Fn(m, a), g = u?.row ?? "div", _ = u?.cell ?? "div", y = {
 		scale: e,
 		colWidth: n,
 		rowHeight: r,
 		highlightWeekends: i
 	};
 	return /* @__PURE__ */ v(g, {
-		...Y({
-			className: On.row,
+		...X({
+			className: Nn.row,
 			style: { height: r },
 			role: "row",
 			"aria-rowindex": o
@@ -1666,8 +1745,8 @@ function jn({ scale: e, dates: t, colWidth: n, rowHeight: r, highlightWeekends:
 				isWeekend: a,
 				colWidth: n
 			};
-			return /* @__PURE__ */ v(_, { ...Y({
-				className: Dn(On.cell, a && On.cellWeekend),
+			return /* @__PURE__ */ v(_, { ...X({
+				className: Y(Nn.cell, a && Nn.cellWeekend),
 				style: {
 					left: t.startIndex * n,
 					width: t.count * n
@@ -1683,13 +1762,13 @@ function jn({ scale: e, dates: t, colWidth: n, rowHeight: r, highlightWeekends:
 }
 //#endregion
 //#region src/components/calendar/Calendar.tsx
-function Mn({ colWidth: e, rowHeight: t, scales: n = Ot, dates: r, colRange: i }) {
+function Ln({ colWidth: e, rowHeight: t, scales: n = Mt, dates: r, colRange: i }) {
 	let a = r.length * e;
 	return /* @__PURE__ */ v("div", {
-		className: On.calendar,
+		className: Nn.calendar,
 		style: { width: a },
 		role: "rowgroup",
-		children: n.map((n, a) => /* @__PURE__ */ v(jn, {
+		children: n.map((n, a) => /* @__PURE__ */ v(In, {
 			scale: n,
 			dates: r,
 			colWidth: e,
@@ -1702,8 +1781,8 @@ function Mn({ colWidth: e, rowHeight: t, scales: n = Ot, dates: r, colRange: i }
 }
 //#endregion
 //#region src/hooks/useAutoScroll.ts
-var Nn = 40, Pn = 14;
-function Fn(e) {
+var Rn = 40, zn = 14;
+function Bn(e) {
 	let t = e;
 	for (; t;) {
 		let e = getComputedStyle(t);
@@ -1712,7 +1791,7 @@ function Fn(e) {
 	}
 	return document.scrollingElement;
 }
-function In(e) {
+function Vn(e) {
 	if (e === document.scrollingElement) return {
 		left: 0,
 		right: window.innerWidth
@@ -1723,10 +1802,10 @@ function In(e) {
 		right: t.right
 	};
 }
-function Ln(e, t, n) {
-	return n < e + Nn ? -Pn * Math.min(1, (e + Nn - n) / Nn) : n > t - Nn ? Pn * Math.min(1, (n - (t - Nn)) / Nn) : 0;
+function Hn(e, t, n) {
+	return n < e + Rn ? -zn * Math.min(1, (e + Rn - n) / Rn) : n > t - Rn ? zn * Math.min(1, (n - (t - Rn)) / Rn) : 0;
 }
-function Rn({ enabled: e, onScroll: t }) {
+function Un({ enabled: e, onScroll: t }) {
 	let n = p({
 		container: null,
 		scrollTarget: null,
@@ -1741,14 +1820,14 @@ function Rn({ enabled: e, onScroll: t }) {
 			e.rafId = null;
 			return;
 		}
-		let { left: t, right: r } = In(e.container), i = Ln(t, r, e.cursorX);
+		let { left: t, right: r } = Vn(e.container), i = Hn(t, r, e.cursorX);
 		i !== 0 && (e.container.scrollLeft += i), e.rafId = requestAnimationFrame(a);
 	}, []), s = o(() => {
 		let e = n.current;
 		e.rafId !== null && cancelAnimationFrame(e.rafId), e.scrollTarget && e.scrollTarget.removeEventListener("scroll", i), e.container = null, e.scrollTarget = null, e.rafId = null;
 	}, [i]), c = o((t) => {
 		if (!e) return;
-		let r = n.current, o = Fn(t);
+		let r = n.current, o = Bn(t);
 		r.container = o, r.startScrollLeft = o?.scrollLeft ?? 0, o && (r.scrollTarget = o === document.scrollingElement ? window : o, r.scrollTarget.addEventListener("scroll", i, { passive: !0 }), r.rafId = requestAnimationFrame(a));
 	}, [
 		e,
@@ -1769,10 +1848,10 @@ function Rn({ enabled: e, onScroll: t }) {
 }
 //#endregion
 //#region src/hooks/useDrag.ts
-function zn({ onStart: e, onDrag: t, onEnd: n, autoScroll: r = !1 }) {
+function Wn({ onStart: e, onDrag: t, onEnd: n, autoScroll: r = !1 }) {
 	let i = p(!1), a = p(null), s = p(0), c = p(0), u = p(0), d = p(t), f = p(n);
 	d.current = t, f.current = n;
-	let m = p(() => {}), { start: h, stop: g, setCursorX: _, getScrollDelta: v } = Rn({
+	let m = p(() => {}), { start: h, stop: g, setCursorX: _, getScrollDelta: v } = Un({
 		enabled: r,
 		onScroll: () => m.current()
 	}), y = o(() => {
@@ -1803,44 +1882,44 @@ function zn({ onStart: e, onDrag: t, onEnd: n, autoScroll: r = !1 }) {
 		g
 	]), b;
 }
-var X = {
+var Gn = {
 	tooltip: "_tooltip_mcgy9_11",
 	name: "_name_mcgy9_31",
 	row: "_row_mcgy9_6",
 	label: "_label_mcgy9_42"
-}, Bn = n(null), Vn = () => s(Bn);
+}, Kn = n(null), qn = () => s(Kn);
 //#endregion
 //#region src/components/bars/barTooltip/BarTooltipRoot.tsx
-function Hn({ anchorRef: e, children: t }) {
+function Jn({ anchorRef: e, children: t }) {
 	let [n, r] = m(!1), i = f(() => ({
 		open: n,
 		setOpen: r,
 		anchorRef: e
 	}), [n, e]);
-	return /* @__PURE__ */ v(Bn.Provider, {
+	return /* @__PURE__ */ v(Kn.Provider, {
 		value: i,
 		children: t
 	});
 }
 //#endregion
 //#region src/components/bars/barTooltip/useTooltipPosition.ts
-var Un = 12, Wn = 8, Gn = null;
-function Kn(e, t) {
-	Gn = {
+var Yn = 12, Xn = 8, Zn = null;
+function Qn(e, t) {
+	Zn = {
 		x: e,
 		y: t
 	};
 }
-function qn(e, t, n, r) {
-	let i = e + Un, a = i + t <= r - Wn;
-	return Math.max(a ? i : e - Un - t, n + Wn);
+function $n(e, t, n, r) {
+	let i = e + Yn, a = i + t <= r - Xn;
+	return Math.max(a ? i : e - Yn - t, n + Xn);
 }
-var Jn = (e, t) => {
-	let n = s(dn)?.gridRef, [r, i] = m({
+var er = (e, t) => {
+	let n = s(_n)?.gridRef, [r, i] = m({
 		left: -9999,
 		top: -9999
 	}), a = c(r);
-	return vt(() => {
+	return St(() => {
 		if (!t) return;
 		let r = (t, r) => {
 			let a = n?.current?.getBoundingClientRect(), o = a && a.width > 0 && a.height > 0 ? {
@@ -1855,13 +1934,13 @@ var Jn = (e, t) => {
 				bottom: window.innerHeight
 			};
 			if (t < o.left || t > o.right || r < o.top || r > o.bottom) return;
-			let s = e.current?.getBoundingClientRect(), c = s?.width ?? 0, l = s?.height ?? 0, u = qn(t, c, o.left, o.right), d = qn(r, l, o.top, o.bottom);
+			let s = e.current?.getBoundingClientRect(), c = s?.width ?? 0, l = s?.height ?? 0, u = $n(t, c, o.left, o.right), d = $n(r, l, o.top, o.bottom);
 			i((e) => e.left === u && e.top === d ? e : {
 				left: u,
 				top: d
 			});
 		};
-		Gn && r(Gn.x, Gn.y);
+		Zn && r(Zn.x, Zn.y);
 		let a = (e) => r(e.clientX, e.clientY);
 		return window.addEventListener("mousemove", a), () => {
 			window.removeEventListener("mousemove", a);
@@ -1874,8 +1953,8 @@ var Jn = (e, t) => {
 };
 //#endregion
 //#region src/components/bars/barTooltip/BarTooltipTrigger.tsx
-function Yn({ children: e }) {
-	let n = Vn(), i = n?.open ?? !1, a = n?.setOpen, o = n?.anchorRef;
+function tr({ children: e }) {
+	let n = qn(), i = n?.open ?? !1, a = n?.setOpen, o = n?.anchorRef;
 	if (l(() => {
 		if (!i || !a) return;
 		let e = () => a(!1), t = (e) => {
@@ -1896,7 +1975,7 @@ function Yn({ children: e }) {
 	let { onMouseEnter: s, onMouseLeave: c } = e.props;
 	return t(e, {
 		onMouseEnter: (e) => {
-			s?.(e), Kn(e.clientX, e.clientY), a(!0);
+			s?.(e), Qn(e.clientX, e.clientY), a(!0);
 		},
 		onMouseLeave: (e) => {
 			c?.(e), a(!1);
@@ -1905,19 +1984,19 @@ function Yn({ children: e }) {
 }
 //#endregion
 //#region src/components/bars/barTooltip/BarTooltip.tsx
-function Xn(e) {
+function nr(e) {
 	return e ? e.toLocaleDateString(void 0, {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	}) : "—";
 }
-function Zn({ task: e, progress: t, displayEnd: n, className: r, style: i, ...a }) {
-	let o = p(null), s = Vn()?.open ?? !1, c = Jn(o, s);
+function rr({ task: e, progress: t, displayEnd: n, className: r, style: i, ...a }) {
+	let o = p(null), s = qn()?.open ?? !1, c = er(o, s);
 	return !s || typeof document > "u" ? null : h(/* @__PURE__ */ y("div", {
 		role: "tooltip",
 		ref: o,
-		className: r ? `${X.tooltip} ${r}` : X.tooltip,
+		className: r ? `${Gn.tooltip} ${r}` : Gn.tooltip,
 		style: {
 			...i,
 			...c
@@ -1925,37 +2004,37 @@ function Zn({ task: e, progress: t, displayEnd: n, className: r, style: i, ...a
 		...a,
 		children: [
 			/* @__PURE__ */ v("div", {
-				className: X.name,
+				className: Gn.name,
 				children: e.name
 			}),
 			/* @__PURE__ */ y("div", {
-				className: X.row,
+				className: Gn.row,
 				children: [/* @__PURE__ */ v("span", {
-					className: X.label,
+					className: Gn.label,
 					children: "Start"
-				}), /* @__PURE__ */ v("span", { children: Xn(e.startDate) })]
+				}), /* @__PURE__ */ v("span", { children: nr(e.startDate) })]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: X.row,
+				className: Gn.row,
 				children: [/* @__PURE__ */ v("span", {
-					className: X.label,
+					className: Gn.label,
 					children: "End"
-				}), /* @__PURE__ */ v("span", { children: Xn(n) })]
+				}), /* @__PURE__ */ v("span", { children: nr(n) })]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: X.row,
+				className: Gn.row,
 				children: [/* @__PURE__ */ v("span", {
-					className: X.label,
+					className: Gn.label,
 					children: "Progress"
 				}), /* @__PURE__ */ y("span", { children: [Math.round(t), "%"] })]
 			})
 		]
 	}), document.body);
 }
-function Qn({ task: e, progress: t, displayEnd: n, anchorRef: r, className: i, style: a, children: o, ...s }) {
-	return /* @__PURE__ */ y(Hn, {
+function ir({ task: e, progress: t, displayEnd: n, anchorRef: r, className: i, style: a, children: o, ...s }) {
+	return /* @__PURE__ */ y(Jn, {
 		anchorRef: r,
-		children: [/* @__PURE__ */ v(Yn, { children: o }), /* @__PURE__ */ v(Zn, {
+		children: [/* @__PURE__ */ v(tr, { children: o }), /* @__PURE__ */ v(rr, {
 			task: e,
 			progress: t,
 			displayEnd: n,
@@ -1967,10 +2046,10 @@ function Qn({ task: e, progress: t, displayEnd: n, anchorRef: r, className: i, s
 }
 //#endregion
 //#region src/components/bars/barTooltip/BarTooltipConsumer.tsx
-function $n({ children: e, tooltip: t, anchorRef: n }) {
+function ar({ children: e, tooltip: t, anchorRef: n }) {
 	let r = J().bars?.tooltip, i = r?.slots?.tooltip;
 	return !i || !t ? e : /* @__PURE__ */ v(i, {
-		...Y({}, r?.slotProps?.tooltip, t),
+		...X({}, r?.slotProps?.tooltip, t),
 		anchorRef: n,
 		...t,
 		children: e
@@ -1978,8 +2057,8 @@ function $n({ children: e, tooltip: t, anchorRef: n }) {
 }
 //#endregion
 //#region src/components/bars/common/DraggableBar.tsx
-function er({ left: e, top: t, width: n, height: r, colWidth: i, dragAnchor: a, className: o, title: s, style: c, onMove: l, onMoveEnd: u, tooltip: d, onMouseEnter: f, onMouseLeave: m, children: h, ...g }) {
-	let _ = p(null), y = !l && !u, b = zn({
+function or({ left: e, top: t, width: n, height: r, colWidth: i, dragAnchor: a, className: o, title: s, style: c, onMove: l, onMoveEnd: u, tooltip: d, onMouseEnter: f, onMouseLeave: m, children: h, ...g }) {
+	let _ = p(null), y = !l && !u, b = Wn({
 		onStart: () => ({ start: a }),
 		onDrag: (e, { start: t }) => l?.(t + e),
 		onEnd: (e, { start: t }) => {
@@ -1988,7 +2067,7 @@ function er({ left: e, top: t, width: n, height: r, colWidth: i, dragAnchor: a,
 		},
 		autoScroll: !0
 	}), x = !!(l || u);
-	return /* @__PURE__ */ v($n, {
+	return /* @__PURE__ */ v(ar, {
 		tooltip: d,
 		anchorRef: _,
 		children: /* @__PURE__ */ v("div", {
@@ -2011,25 +2090,27 @@ function er({ left: e, top: t, width: n, height: r, colWidth: i, dragAnchor: a,
 		})
 	});
 }
-var tr = {
-	milestone: "_milestone_o4jql_1",
-	milestoneShape: "_milestoneShape_o4jql_5"
+var sr = {
+	milestone: "_milestone_unh27_1",
+	milestoneShape: "_milestoneShape_unh27_5",
+	critical: "_critical_unh27_12"
 };
 //#endregion
 //#region src/components/bars/milestoneBar/MilestoneBar.tsx
-function nr({ size: e, centerLeft: t, top: n, colWidth: r, title: i, a11y: a, onMove: o, onMoveEnd: s, tooltip: c, slots: l, slotProps: u }) {
-	let d = J(), f = l ?? d.bars?.milestoneBar?.slots, p = u ?? d.bars?.milestoneBar?.slotProps, m = {
+function cr({ size: e, centerLeft: t, top: n, colWidth: r, title: i, a11y: a, onMove: o, onMoveEnd: s, tooltip: c, isCritical: l = !1, slots: u, slotProps: d }) {
+	let f = J(), p = u ?? f.bars?.milestoneBar?.slots, m = d ?? f.bars?.milestoneBar?.slotProps, h = {
 		size: e,
-		title: i
-	}, h = f?.root ?? er, g = f?.shape ?? "div", _ = Y({
-		className: tr.milestone,
+		title: i,
+		isCritical: l
+	}, g = p?.root ?? or, _ = p?.shape ?? "div", y = X({
+		className: sr.milestone,
 		...a,
 		title: a ? a.title : i
-	}, p?.root, m), y = Y({
-		className: tr.milestoneShape,
+	}, m?.root, h), b = X({
+		className: Y(sr.milestoneShape, l && sr.critical),
 		"aria-hidden": !0
-	}, p?.shape, m);
-	return /* @__PURE__ */ v(h, {
+	}, m?.shape, h);
+	return /* @__PURE__ */ v(g, {
 		tooltip: c,
 		left: t - e / 2,
 		top: n,
@@ -2039,18 +2120,18 @@ function nr({ size: e, centerLeft: t, top: n, colWidth: r, title: i, a11y: a, on
 		dragAnchor: t,
 		onMove: o,
 		onMoveEnd: s,
-		..._,
-		children: /* @__PURE__ */ v(g, { ...y })
+		...y,
+		children: /* @__PURE__ */ v(_, { ...b })
 	});
 }
-var rr = {
+var lr = {
 	barProgress: "_barProgress_1obm3_1",
 	barProgressResizeHandle: "_barProgressResizeHandle_1obm3_10"
 };
 //#endregion
 //#region src/components/bars/progress/BarProgressResizeHandle.tsx
-function ir({ width: e, onResize: t, onResizeEnd: n, parentWidth: r, slots: i, slotProps: a }) {
-	let o = J(), s = i ?? o.bars?.barProgressResizeHandle?.slots, c = a ?? o.bars?.barProgressResizeHandle?.slotProps, l = (e, t) => Math.min(Math.max(0, t + e), r), u = zn({
+function ur({ width: e, onResize: t, onResizeEnd: n, parentWidth: r, slots: i, slotProps: a }) {
+	let o = J(), s = i ?? o.bars?.barProgressResizeHandle?.slots, c = a ?? o.bars?.barProgressResizeHandle?.slotProps, l = (e, t) => Math.min(Math.max(0, t + e), r), u = Wn({
 		onStart: () => ({ startWidth: e }),
 		onDrag: (e, { startWidth: n }) => t(l(e, n)),
 		onEnd: (e, { startWidth: t }) => n?.(l(e, t))
@@ -2058,8 +2139,8 @@ function ir({ width: e, onResize: t, onResizeEnd: n, parentWidth: r, slots: i, s
 		width: e,
 		parentWidth: r
 	};
-	return /* @__PURE__ */ v(s?.root ?? "div", { ...Y({
-		className: rr.barProgressResizeHandle,
+	return /* @__PURE__ */ v(s?.root ?? "div", { ...X({
+		className: lr.barProgressResizeHandle,
 		"aria-hidden": !0,
 		tabIndex: -1,
 		onMouseDown: u
@@ -2067,21 +2148,21 @@ function ir({ width: e, onResize: t, onResizeEnd: n, parentWidth: r, slots: i, s
 }
 //#endregion
 //#region src/components/bars/progress/BarProgress.tsx
-function ar({ progress: e, width: t, height: n, onProgressChange: r, onProgressEnd: i, slots: a, slotProps: o }) {
+function dr({ progress: e, width: t, height: n, onProgressChange: r, onProgressEnd: i, slots: a, slotProps: o }) {
 	let s = J(), c = a ?? s.bars?.barProgress?.slots, l = o ?? s.bars?.barProgress?.slotProps, u = e / 100 * t, d = (e) => e / t * 100, f = {
 		progress: e,
 		width: u,
 		height: n
 	};
 	return /* @__PURE__ */ v(c?.root ?? "div", {
-		...Y({
-			className: rr.barProgress,
+		...X({
+			className: lr.barProgress,
 			style: {
 				width: u,
 				height: n
 			}
 		}, l?.root, f),
-		children: r && /* @__PURE__ */ v(ir, {
+		children: r && /* @__PURE__ */ v(ur, {
 			width: u,
 			parentWidth: t,
 			onResize: (e) => r(d(e)),
@@ -2089,31 +2170,33 @@ function ar({ progress: e, width: t, height: n, onProgressChange: r, onProgressE
 		})
 	});
 }
-var or = {
-	project: "_project_927ph_1",
-	projectInner: "_projectInner_927ph_10",
-	projectContent: "_projectContent_927ph_16"
+var fr = {
+	project: "_project_1xupy_1",
+	critical: "_critical_1xupy_10",
+	projectInner: "_projectInner_1xupy_14",
+	projectContent: "_projectContent_1xupy_20"
 };
 //#endregion
 //#region src/components/bars/projectBar/ProjectBar.tsx
-function sr({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y: o, progress: s, onProgressChange: c, onProgressEnd: l, onMove: u, onMoveEnd: d, tooltip: f, slots: p, slotProps: m }) {
-	let h = J(), g = p ?? h.bars?.projectBar?.slots, _ = m ?? h.bars?.projectBar?.slotProps, b = {
+function pr({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y: o, progress: s, onProgressChange: c, onProgressEnd: l, onMove: u, onMoveEnd: d, tooltip: f, isCritical: p = !1, slots: m, slotProps: h }) {
+	let g = J(), _ = m ?? g.bars?.projectBar?.slots, b = h ?? g.bars?.projectBar?.slotProps, x = {
 		width: e,
 		height: t,
 		progress: s,
-		title: a
-	}, x = g?.root ?? er, S = g?.inner ?? "div", C = g?.label ?? "div", w = Y({
-		className: or.project,
+		title: a,
+		isCritical: p
+	}, S = _?.root ?? or, C = _?.inner ?? "div", w = _?.label ?? "div", T = X({
+		className: Y(fr.project, p && fr.critical),
 		style: { lineHeight: `${t}px` },
 		...o
-	}, _?.root, b), T = Y({
-		className: or.projectInner,
+	}, b?.root, x), E = X({
+		className: fr.projectInner,
 		"aria-hidden": !0
-	}, _?.inner, b), E = Y({
-		className: or.projectContent,
+	}, b?.inner, x), D = X({
+		className: fr.projectContent,
 		children: a
-	}, _?.label, b);
-	return /* @__PURE__ */ v(x, {
+	}, b?.label, x);
+	return /* @__PURE__ */ v(S, {
 		tooltip: f,
 		left: n,
 		top: r,
@@ -2123,31 +2206,32 @@ function sr({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y:
 		dragAnchor: n,
 		onMove: u,
 		onMoveEnd: d,
-		...w,
-		children: /* @__PURE__ */ y(S, {
-			...T,
-			children: [/* @__PURE__ */ v(ar, {
+		...T,
+		children: /* @__PURE__ */ y(C, {
+			...E,
+			children: [/* @__PURE__ */ v(dr, {
 				width: e,
 				height: t,
 				progress: s,
 				onProgressChange: c,
 				onProgressEnd: l
-			}), /* @__PURE__ */ v(C, { ...E })]
+			}), /* @__PURE__ */ v(w, { ...D })]
 		})
 	});
 }
-var cr = {
-	task: "_task_18g5p_1",
-	taskInner: "_taskInner_18g5p_9",
-	taskContent: "_taskContent_18g5p_15",
-	resizer: "_resizer_18g5p_28",
-	startResizer: "_startResizer_18g5p_59",
-	endResizer: "_endResizer_18g5p_62"
+var mr = {
+	task: "_task_j74mw_1",
+	critical: "_critical_j74mw_9",
+	taskInner: "_taskInner_j74mw_13",
+	taskContent: "_taskContent_j74mw_19",
+	resizer: "_resizer_j74mw_32",
+	startResizer: "_startResizer_j74mw_63",
+	endResizer: "_endResizer_j74mw_66"
 };
 //#endregion
 //#region src/components/bars/taskBar/TaskResizer.tsx
-function lr({ width: e, left: t, colWidth: n, onResize: r, onResizeEnd: i, slots: a, slotProps: o }) {
-	let s = J(), c = a ?? s.bars?.taskResizer?.slots, l = o ?? s.bars?.taskResizer?.slotProps, u = zn({
+function hr({ width: e, left: t, colWidth: n, onResize: r, onResizeEnd: i, slots: a, slotProps: o }) {
+	let s = J(), c = a ?? s.bars?.taskResizer?.slots, l = o ?? s.bars?.taskResizer?.slotProps, u = Wn({
 		onStart: () => ({
 			startWidth: e,
 			startLeft: t
@@ -2160,7 +2244,7 @@ function lr({ width: e, left: t, colWidth: n, onResize: r, onResizeEnd: i, slots
 			let a = r + Math.min(e, t);
 			i("start", Math.round(a / n) * n);
 		}
-	}), d = zn({
+	}), d = Wn({
 		onStart: () => ({
 			startWidth: e,
 			startLeft: t
@@ -2175,42 +2259,43 @@ function lr({ width: e, left: t, colWidth: n, onResize: r, onResizeEnd: i, slots
 	}), f = {
 		width: e,
 		left: t
-	}, p = c?.startHandle ?? "button", m = c?.endHandle ?? "button", h = Y({
+	}, p = c?.startHandle ?? "button", m = c?.endHandle ?? "button", h = X({
 		type: "button",
 		"aria-hidden": !0,
 		tabIndex: -1,
-		className: Dn(cr.resizer, cr.startResizer),
+		className: Y(mr.resizer, mr.startResizer),
 		onMouseDown: u
-	}, l?.startHandle, f), g = Y({
+	}, l?.startHandle, f), g = X({
 		type: "button",
 		"aria-hidden": !0,
 		tabIndex: -1,
-		className: Dn(cr.resizer, cr.endResizer),
+		className: Y(mr.resizer, mr.endResizer),
 		onMouseDown: d
 	}, l?.endHandle, f);
 	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { ...h }), /* @__PURE__ */ v(m, { ...g })] });
 }
 //#endregion
 //#region src/components/bars/taskBar/TaskBar.tsx
-function ur({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y: o, progress: s = 30, onProgressChange: c, onProgressEnd: l, onResize: u, onResizeEnd: d, onMove: f, onMoveEnd: p, tooltip: m, slots: h, slotProps: g }) {
-	let _ = J(), b = h ?? _.bars?.taskBar?.slots, x = g ?? _.bars?.taskBar?.slotProps, S = {
+function gr({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y: o, progress: s = 30, onProgressChange: c, onProgressEnd: l, onResize: u, onResizeEnd: d, onMove: f, onMoveEnd: p, tooltip: m, isCritical: h = !1, slots: g, slotProps: _ }) {
+	let b = J(), x = g ?? b.bars?.taskBar?.slots, S = _ ?? b.bars?.taskBar?.slotProps, C = {
 		width: e,
 		height: t,
 		progress: s,
-		title: a
-	}, C = b?.root ?? er, w = b?.inner ?? "div", T = b?.label ?? "div", E = Y({
-		className: `${cr.task} am-gantt-bar-task`,
+		title: a,
+		isCritical: h
+	}, w = x?.root ?? or, T = x?.inner ?? "div", E = x?.label ?? "div", D = X({
+		className: Y(mr.task, "am-gantt-bar-task", h && [mr.critical, "am-gantt-bar-task--critical"]),
 		style: { lineHeight: `${t}px` },
 		...o
-	}, x?.root, S), D = Y({
-		className: cr.taskInner,
+	}, S?.root, C), O = X({
+		className: mr.taskInner,
 		"aria-hidden": !0
-	}, x?.inner, S), O = Y({
-		className: cr.taskContent,
+	}, S?.inner, C), k = X({
+		className: mr.taskContent,
 		title: o?.title,
 		children: a
-	}, x?.label, S);
-	return /* @__PURE__ */ v(C, {
+	}, S?.label, C);
+	return /* @__PURE__ */ v(w, {
 		tooltip: m,
 		left: n,
 		top: r,
@@ -2220,19 +2305,19 @@ function ur({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y:
 		dragAnchor: n,
 		onMove: f,
 		onMoveEnd: p,
-		...E,
-		children: /* @__PURE__ */ y(w, {
-			...D,
+		...D,
+		children: /* @__PURE__ */ y(T, {
+			...O,
 			children: [
-				/* @__PURE__ */ v(ar, {
+				/* @__PURE__ */ v(dr, {
 					width: e,
 					height: t,
 					progress: s,
 					onProgressChange: c,
 					onProgressEnd: l
 				}),
-				/* @__PURE__ */ v(T, { ...O }),
-				u && d && /* @__PURE__ */ v(lr, {
+				/* @__PURE__ */ v(E, { ...k }),
+				u && d && /* @__PURE__ */ v(hr, {
 					width: e,
 					left: n,
 					colWidth: i,
@@ -2243,12 +2328,12 @@ function ur({ width: e, height: t, left: n, top: r, colWidth: i, title: a, a11y:
 		})
 	});
 }
-var dr = {
+var _r = {
 	handle: "_handle_fw6gu_1",
 	visible: "_visible_fw6gu_18"
-}, fr = 10 / 2;
-function pr({ taskId: e, barLeft: t, barWidth: n, barCenterY: r, show: i, slots: a, slotProps: o }) {
-	let s = J(), c = a ?? s.bars?.connectorHandles?.slots, l = o ?? s.bars?.connectorHandles?.slotProps, { startDrag: u, endDrag: d } = gn(), f = vn(), { gridBodyRef: p } = fn(), m = (e, t) => {
+}, vr = 10 / 2;
+function yr({ taskId: e, barLeft: t, barWidth: n, barCenterY: r, show: i, slots: a, slotProps: o }) {
+	let s = J(), c = a ?? s.bars?.connectorHandles?.slots, l = o ?? s.bars?.connectorHandles?.slotProps, { startDrag: u, endDrag: d } = Sn(), f = wn(), { gridBodyRef: p } = vn(), m = (e, t) => {
 		let n = p.current?.getBoundingClientRect();
 		if (!n) return {
 			x: 0,
@@ -2279,140 +2364,143 @@ function pr({ taskId: e, barLeft: t, barWidth: n, barCenterY: r, show: i, slots:
 		barCenterY: r,
 		show: i,
 		isDragging: f
-	}, x = c?.startHandle ?? "div", S = c?.endHandle ?? "div", C = i || f, w = Y({
+	}, x = c?.startHandle ?? "div", S = c?.endHandle ?? "div", C = i || f, w = X({
 		"aria-hidden": !0,
 		tabIndex: -1,
-		className: Dn(dr.handle, C && dr.visible),
+		className: Y(_r.handle, C && _r.visible),
 		style: {
 			left: t - 10,
-			top: r - fr
+			top: r - vr
 		},
 		onMouseDown: (e) => h(e, "start"),
 		onMouseUp: (e) => g(e, "start")
-	}, l?.startHandle, b), T = Y({
+	}, l?.startHandle, b), T = X({
 		"aria-hidden": !0,
 		tabIndex: -1,
-		className: Dn(dr.handle, C && dr.visible),
+		className: Y(_r.handle, C && _r.visible),
 		style: {
 			left: t + n,
-			top: r - fr
+			top: r - vr
 		},
 		onMouseDown: (e) => h(e, "end"),
 		onMouseUp: (e) => g(e, "end")
 	}, l?.endHandle, b);
 	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(x, { ...w }), /* @__PURE__ */ v(S, { ...T })] });
 }
-var mr = { row: "_row_1jios_13" }, hr = i(function({ task: e, index: t, origin: n, colWidth: r, rowHeight: i, unit: o, override: s, onOverride: c, onUpdate: l, onCommit: u, onTaskClick: d, rowIndexOffset: f }) {
-	let p = $t(), h = rn(), g = un() === e.id, _ = tn(), b = J().bars?.tooltip?.slots?.tooltip, { left: x, width: S, progress: C } = Et(e, s || {}, n, r, o), w = t * i, T = x, E = i - 12, D = 6 + E / 2, O = e.type === "milestone", k = O ? T - E / 2 : T, A = O ? E - 1 : S, [j, M] = m(!1), N = (e) => ({
-		startDate: Dt(e, n, r, o),
-		endDate: Dt(e + S, n, r, o)
-	}), P = (e, t) => ({
-		startDate: Dt(t, n, r, o),
-		endDate: Dt(t + e, n, r, o)
-	}), F = (t) => {
+var br = { row: "_row_1hdsc_13" }, xr = i(function({ task: e, index: t, origin: n, colWidth: r, rowHeight: i, unit: o, override: s, onOverride: c, onUpdate: l, onCommit: u, onTaskClick: d, rowIndexOffset: f }) {
+	let p = rn(), h = cn(), g = gn() === e.id, _ = un()?.criticalTaskIds.has(e.id) ?? !1, b = on(), x = J().bars?.tooltip?.slots?.tooltip, { left: S, width: C, progress: w } = At(e, s || {}, n, r, o), T = t * i, E = S, D = i - 12, O = 6 + D / 2, k = e.type === "milestone", A = k ? E - D / 2 : E, j = k ? D - 1 : C, [M, N] = m(!1), ee = (e) => ({
+		startDate: jt(e, n, r, o),
+		endDate: jt(e + C, n, r, o)
+	}), te = (e, t) => ({
+		startDate: jt(t, n, r, o),
+		endDate: jt(t + e, n, r, o)
+	}), ne = (t) => {
 		c(e.id, t);
-	}, ee = (e, t) => {
+	}, P = (e, t) => {
 		a(() => {
 			l(e, t), c(e, null);
 		});
-	}, I = (t) => {
+	}, F = (t) => {
 		a(() => {
 			u(e.id, t), c(e.id, null);
 		});
-	}, L = (e) => ({
+	}, I = (e) => ({
 		kind: "move",
-		startDate: Dt(e, n, r, o)
-	}), R = h ? {} : {
-		onMove: (e) => F(N(e)),
-		onMoveEnd: (e) => I(L(e))
+		startDate: jt(e, n, r, o)
+	}), L = h ? {} : {
+		onMove: (e) => ne(ee(e)),
+		onMoveEnd: (e) => F(I(e))
+	}, R = h ? {} : {
+		onProgressChange: (e) => ne({ progress: e }),
+		onProgressEnd: (t) => P(e.id, { progress: t })
 	}, z = h ? {} : {
-		onProgressChange: (e) => F({ progress: e }),
-		onProgressEnd: (t) => ee(e.id, { progress: t })
-	}, B = h ? {} : {
-		onResize: (e, t) => F(P(e, t)),
-		onResizeEnd: (e, t) => I(e === "start" ? {
+		onResize: (e, t) => ne(te(e, t)),
+		onResizeEnd: (e, t) => F(e === "start" ? {
 			kind: "resizeStart",
-			startDate: Dt(t, n, r, o)
+			startDate: jt(t, n, r, o)
 		} : {
 			kind: "resizeEnd",
-			endDate: Dt(t, n, r, o)
+			endDate: jt(t, n, r, o)
 		})
-	}, V = {
+	}, re = {
 		role: "gridcell",
-		"aria-colindex": Math.max(1, Math.floor(T / r) + 1),
-		"aria-colspan": Math.max(1, Math.round(S / r)),
-		"aria-label": p.bar(e, { progress: C }),
+		"aria-colindex": Math.max(1, Math.floor(E / r) + 1),
+		"aria-colspan": Math.max(1, Math.round(C / r)),
+		"aria-label": p.bar(e, { progress: w }),
 		"aria-selected": g || void 0,
-		title: b ? void 0 : e.name
-	}, te = {
+		title: x ? void 0 : e.name
+	}, B = {
 		task: e,
-		progress: C,
-		displayEnd: Pe(e, _)
+		progress: w,
+		displayEnd: Pe(e, b)
 	};
 	return /* @__PURE__ */ y("div", {
-		className: mr.row,
+		className: br.row,
 		style: {
-			top: w,
+			top: T,
 			height: i
 		},
 		onClick: d ? () => d(e) : void 0,
-		onMouseEnter: () => M(!0),
-		onMouseLeave: () => M(!1),
+		onMouseEnter: () => N(!0),
+		onMouseLeave: () => N(!1),
 		role: "row",
 		"aria-rowindex": f + t + 1,
 		children: [
-			!h && /* @__PURE__ */ v(pr, {
+			!h && /* @__PURE__ */ v(yr, {
 				taskId: e.id,
-				barLeft: k,
-				barWidth: A,
-				barCenterY: D,
-				show: j
+				barLeft: A,
+				barWidth: j,
+				barCenterY: O,
+				show: M
 			}),
-			e.type === "milestone" && /* @__PURE__ */ v(nr, {
-				tooltip: te,
-				size: E,
-				centerLeft: T,
+			e.type === "milestone" && /* @__PURE__ */ v(cr, {
+				tooltip: B,
+				size: D,
+				centerLeft: E,
 				top: 6,
 				colWidth: r,
 				title: e.name,
-				a11y: V,
-				...R
+				a11y: re,
+				isCritical: _,
+				...L
 			}),
-			e.type === "summary" && /* @__PURE__ */ v(sr, {
-				tooltip: te,
-				left: T,
+			e.type === "summary" && /* @__PURE__ */ v(pr, {
+				tooltip: B,
+				left: E,
 				top: 6,
-				width: S,
-				height: E,
+				width: C,
+				height: D,
 				colWidth: r,
 				title: e.name,
-				a11y: V,
-				progress: C,
-				...z,
-				...R
+				a11y: re,
+				progress: w,
+				isCritical: _,
+				...R,
+				...L
 			}),
-			e.type === "task" || !e.type ? /* @__PURE__ */ v(ur, {
-				tooltip: te,
-				left: T,
+			e.type === "task" || !e.type ? /* @__PURE__ */ v(gr, {
+				tooltip: B,
+				left: E,
 				top: 6,
-				width: S,
-				height: E,
+				width: C,
+				height: D,
 				colWidth: r,
 				title: e.name,
-				a11y: V,
-				progress: C,
-				...z,
+				a11y: re,
+				progress: w,
+				isCritical: _,
 				...R,
-				...B
+				...L,
+				...z
 			}) : null
 		]
 	});
 });
-hr.displayName = "Row";
+xr.displayName = "Row";
 //#endregion
 //#region src/components/dependency-links/geometry.ts
-var gr = 12, _r = {};
-function vr(e) {
+var Sr = 12, Cr = {};
+function wr(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
 	for (let a of e) a.x < t && (t = a.x), a.x > r && (r = a.x), a.y < n && (n = a.y), a.y > i && (i = a.y);
 	return {
@@ -2422,7 +2510,7 @@ function vr(e) {
 		maxY: i
 	};
 }
-function yr(e) {
+function Tr(e) {
 	if (e.length < 2) return e[0] ?? {
 		x: 0,
 		y: 0
@@ -2433,8 +2521,8 @@ function yr(e) {
 		y: (n.y + r.y) / 2
 	};
 }
-function br(e, t, n, { origin: r, colWidth: i, rowHeight: a, unit: o }) {
-	let { left: s, width: c } = Et(e, t, r, i, o);
+function Er(e, t, n, { origin: r, colWidth: i, rowHeight: a, unit: o }) {
+	let { left: s, width: c } = At(e, t, r, i, o);
 	if (e.type === "milestone") {
 		let t = (a - 12) / 2;
 		return {
@@ -2451,13 +2539,13 @@ function br(e, t, n, { origin: r, colWidth: i, rowHeight: a, unit: o }) {
 		task: e
 	};
 }
-function xr(e, t) {
+function Dr(e, t) {
 	let n = /* @__PURE__ */ new Map(), { rowHeight: r } = t;
 	return e.forEach((e, i) => {
-		n.set(e.id, br(e, _r, i * r + r / 2, t));
+		n.set(e.id, Er(e, Cr, i * r + r / 2, t));
 	}), n;
 }
-function Sr(e, t) {
+function Or(e, t) {
 	let n = (e.x + t.x) / 2;
 	return [
 		e,
@@ -2472,8 +2560,8 @@ function Sr(e, t) {
 		t
 	];
 }
-function Cr(e, t, n, r) {
-	let i = e.x + n * gr, a = t.x - r * gr, o = (e.y + t.y) / 2;
+function kr(e, t, n, r) {
+	let i = e.x + n * Sr, a = t.x - r * Sr, o = (e.y + t.y) / 2;
 	return [
 		e,
 		{
@@ -2495,7 +2583,7 @@ function Cr(e, t, n, r) {
 		t
 	];
 }
-function wr(e, t, n) {
+function Ar(e, t, n) {
 	return [
 		e,
 		{
@@ -2509,7 +2597,7 @@ function wr(e, t, n) {
 		t
 	];
 }
-function Tr(e, t, n) {
+function jr(e, t, n) {
 	let r = t.centerY, i = n.centerY;
 	switch (e) {
 		case "FS": {
@@ -2520,22 +2608,22 @@ function Tr(e, t, n) {
 				x: n.startX,
 				y: i
 			};
-			return n.startX >= t.endX + 2 * gr ? Sr(e, a) : Cr(e, a, 1, 1);
+			return n.startX >= t.endX + 2 * Sr ? Or(e, a) : kr(e, a, 1, 1);
 		}
-		case "SS": return wr({
+		case "SS": return Ar({
 			x: t.startX,
 			y: r
 		}, {
 			x: n.startX,
 			y: i
-		}, Math.min(t.startX, n.startX) - gr);
-		case "FF": return wr({
+		}, Math.min(t.startX, n.startX) - Sr);
+		case "FF": return Ar({
 			x: t.endX,
 			y: r
 		}, {
 			x: n.endX,
 			y: i
-		}, Math.max(t.endX, n.endX) + gr);
+		}, Math.max(t.endX, n.endX) + Sr);
 		case "SF": {
 			let e = {
 				x: t.startX,
@@ -2544,36 +2632,36 @@ function Tr(e, t, n) {
 				x: n.endX,
 				y: i
 			};
-			return n.endX <= t.startX - 2 * gr ? Sr(e, a) : Cr(e, a, -1, -1);
+			return n.endX <= t.startX - 2 * Sr ? Or(e, a) : kr(e, a, -1, -1);
 		}
 	}
 }
-function Er({ tasks: e, dependencies: t, ...n }) {
-	let r = xr(e, n), i = [];
+function Mr({ tasks: e, dependencies: t, ...n }) {
+	let r = Dr(e, n), i = [];
 	for (let e of t) {
 		let t = r.get(e.from), n = r.get(e.to);
-		!t || !n || i.push(Dr(e, t, n));
+		!t || !n || i.push(Nr(e, t, n));
 	}
 	let a = null;
 	return {
 		links: i,
 		boxes: r,
 		linksTouching(e) {
-			return a ??= Or(i), a.get(e);
+			return a ??= Pr(i), a.get(e);
 		}
 	};
 }
-function Dr(e, t, n) {
-	let r = Tr(e.type, t, n);
+function Nr(e, t, n) {
+	let r = jr(e.type, t, n);
 	return {
 		id: `${e.from}->${e.to}`,
 		type: e.type,
 		points: r,
-		bounds: vr(r),
+		bounds: wr(r),
 		dep: e
 	};
 }
-function Or(e) {
+function Pr(e) {
 	let t = /* @__PURE__ */ new Map(), n = (e, n) => {
 		let r = t.get(e);
 		r ? r.push(n) : t.set(e, [n]);
@@ -2582,26 +2670,26 @@ function Or(e) {
 		n(String(e.dep.from), t), n(String(e.dep.to), t);
 	}), t;
 }
-function kr(e, t, n) {
+function Fr(e, t, n) {
 	let r = Object.keys(t);
 	if (r.length === 0) return e.links;
 	let i = /* @__PURE__ */ new Map(), a = (r) => {
 		let a = e.boxes.get(r), o = a && t[String(r)];
 		if (!a || !o) return a;
 		let s = i.get(r);
-		return s || (s = br(a.task, o, a.centerY, n), i.set(r, s)), s;
+		return s || (s = Er(a.task, o, a.centerY, n), i.set(r, s)), s;
 	}, o = null;
 	for (let t of r) for (let n of e.linksTouching(t) ?? []) {
 		let { dep: t } = e.links[n], r = a(t.from), i = a(t.to);
-		!r || !i || (o ??= e.links.slice(), o[n] = Dr(t, r, i));
+		!r || !i || (o ??= e.links.slice(), o[n] = Nr(t, r, i));
 	}
 	return o ?? e.links;
 }
 //#endregion
 //#region src/components/dependency-links/DependencyLinksContext.tsx
-var Ar = n(null);
-function jr({ tasks: e, dependencies: t, origin: n, colWidth: r, rowHeight: i, unit: a, children: o, overrides: s }) {
-	let c = f(() => Er({
+var Ir = n(null);
+function Lr({ tasks: e, dependencies: t, origin: n, colWidth: r, rowHeight: i, unit: a, children: o, overrides: s }) {
+	let c = f(() => Mr({
 		tasks: e,
 		dependencies: t,
 		origin: n,
@@ -2615,7 +2703,7 @@ function jr({ tasks: e, dependencies: t, origin: n, colWidth: r, rowHeight: i, u
 		r,
 		i,
 		a
-	]), l = f(() => kr(c, s, {
+	]), l = f(() => Fr(c, s, {
 		origin: n,
 		colWidth: r,
 		rowHeight: i,
@@ -2628,31 +2716,33 @@ function jr({ tasks: e, dependencies: t, origin: n, colWidth: r, rowHeight: i, u
 		i,
 		a
 	]);
-	return /* @__PURE__ */ v(Ar.Provider, {
+	return /* @__PURE__ */ v(Ir.Provider, {
 		value: l,
 		children: o
 	});
 }
-function Mr() {
-	let e = s(Ar);
+function Rr() {
+	let e = s(Ir);
 	if (e === null) throw Error("useDependencyLinks must be used within a <DependencyLinksProvider>");
 	return e;
 }
 var Z = {
-	layer: "_layer_1ih9f_1",
-	hitArea: "_hitArea_1ih9f_8",
-	segment: "_segment_1ih9f_15",
-	segmentSelected: "_segmentSelected_1ih9f_21",
-	arrowRight: "_arrowRight_1ih9f_25",
-	arrowLeft: "_arrowLeft_1ih9f_26",
-	arrowSelected: "_arrowSelected_1ih9f_43",
-	lagLabel: "_lagLabel_1ih9f_51",
-	deleteBtn: "_deleteBtn_1ih9f_65"
-}, Q = 2, Nr = 8, Pr = 6;
-function Fr(e, t) {
+	layer: "_layer_jv7ss_1",
+	hitArea: "_hitArea_jv7ss_8",
+	segment: "_segment_jv7ss_15",
+	segmentSelected: "_segmentSelected_jv7ss_21",
+	segmentCritical: "_segmentCritical_jv7ss_25",
+	arrowRight: "_arrowRight_jv7ss_30",
+	arrowLeft: "_arrowLeft_jv7ss_31",
+	arrowSelected: "_arrowSelected_jv7ss_48",
+	arrowCritical: "_arrowCritical_jv7ss_56",
+	lagLabel: "_lagLabel_jv7ss_69",
+	deleteBtn: "_deleteBtn_jv7ss_83"
+}, Q = 2, zr = 8, Br = 6;
+function Vr(e, t) {
 	return t ? e.minX <= t.maxX && e.maxX >= t.minX && e.minY <= t.maxY && e.maxY >= t.minY : !0;
 }
-function Ir(e, t) {
+function Hr(e, t) {
 	return e.y === t.y ? {
 		left: Math.min(e.x, t.x) - Q / 2,
 		top: e.y - Q / 2,
@@ -2665,62 +2755,62 @@ function Ir(e, t) {
 		height: Math.abs(t.y - e.y) + Q
 	};
 }
-function Lr(e, t) {
+function Ur(e, t) {
 	return e.y === t.y ? {
 		left: Math.min(e.x, t.x) - Q / 2,
-		top: e.y - Pr,
+		top: e.y - Br,
 		width: Math.abs(t.x - e.x) + Q,
-		height: Q + Pr * 2
+		height: Q + Br * 2
 	} : {
-		left: e.x - Pr,
+		left: e.x - Br,
 		top: Math.min(e.y, t.y) - Q / 2,
-		width: Q + Pr * 2,
+		width: Q + Br * 2,
 		height: Math.abs(t.y - e.y) + Q
 	};
 }
-function Rr(e) {
+function Wr(e) {
 	let t = [];
 	for (let n = 0; n + 1 < e.length; n++) t.push([e[n], e[n + 1]]);
 	return t;
 }
-function zr(e) {
+function Gr(e) {
 	let t = e[e.length - 1], n = e[e.length - 2], r = t.x >= n.x;
 	return {
 		className: r ? Z.arrowRight : Z.arrowLeft,
 		style: {
-			left: r ? t.x - Nr : t.x,
-			top: t.y - Nr / 2
+			left: r ? t.x - zr : t.x,
+			top: t.y - zr / 2
 		}
 	};
 }
-function Br({ width: t, height: n, onDependencyDelete: r, visibleRect: i, slots: a, slotProps: o }) {
-	let s = J(), c = a ?? s.dependencies?.links?.slots, u = o ?? s.dependencies?.links?.slotProps, d = $t(), f = rn(), p = Mr(), [h, g] = m(null), [_, b] = m(null), x = h ? p.find((e) => e.id === h) : null;
+function Kr({ width: t, height: n, onDependencyDelete: r, visibleRect: i, slots: a, slotProps: o }) {
+	let s = J(), c = a ?? s.dependencies?.links?.slots, u = o ?? s.dependencies?.links?.slotProps, d = rn(), f = cn(), p = un(), h = Rr(), [g, _] = m(null), [b, x] = m(null), S = g ? h.find((e) => e.id === g) : null;
 	if (l(() => {
-		if (!h) return;
+		if (!g) return;
 		let e = (e) => {
-			(e.key === "Delete" || e.key === "Backspace") && (x && r?.(x.dep), g(null), b(null));
+			(e.key === "Delete" || e.key === "Backspace") && (S && r?.(S.dep), _(null), x(null));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		h,
-		x,
+		g,
+		S,
 		r
-	]), p.length === 0) return null;
-	let S = (e, t) => {
-		if (t.stopPropagation(), h === e) g(null), b(null);
+	]), h.length === 0) return null;
+	let C = (e, t) => {
+		if (t.stopPropagation(), g === e) _(null), x(null);
 		else {
-			g(e);
+			_(e);
 			let n = t.currentTarget.closest(`.${Z.layer}`)?.getBoundingClientRect();
-			b(n ? {
+			x(n ? {
 				x: t.clientX - n.left,
 				y: t.clientY - n.top
 			} : null);
 		}
-	}, C = (e) => {
-		e.stopPropagation(), x && r?.(x.dep), g(null), b(null);
-	}, w = c?.layer ?? "div", T = c?.segment ?? "div", E = c?.arrow ?? "div", D = c?.lagLabel ?? "div", O = c?.deleteButton ?? "button";
-	return /* @__PURE__ */ y(w, {
-		...Y({
+	}, w = (e) => {
+		e.stopPropagation(), S && r?.(S.dep), _(null), x(null);
+	}, T = c?.layer ?? "div", E = c?.segment ?? "div", D = c?.arrow ?? "div", O = c?.lagLabel ?? "div", k = c?.deleteButton ?? "button";
+	return /* @__PURE__ */ y(T, {
+		...X({
 			className: Z.layer,
 			style: {
 				width: t,
@@ -2729,41 +2819,43 @@ function Br({ width: t, height: n, onDependencyDelete: r, visibleRect: i, slots:
 			role: "presentation",
 			"aria-hidden": !0,
 			onClick: () => {
-				g(null), b(null);
+				_(null), x(null);
 			}
 		}, u?.layer, {
 			width: t,
 			height: n,
-			linkCount: p.length
+			linkCount: h.length
 		}),
-		children: [p.map((t) => {
-			let n = t.id === h;
-			if (!n && !Fr(t.bounds, i)) return null;
-			let r = zr(t.points), a = Rr(t.points), o = t.dep.lag ? yr(t.points) : null, s = {
+		children: [h.map((t) => {
+			let n = t.id === g;
+			if (!n && !Vr(t.bounds, i)) return null;
+			let r = Gr(t.points), a = Wr(t.points), o = t.dep.lag ? Tr(t.points) : null, s = p?.criticalDependencyKeys.has(t.id) ?? !1, c = {
 				link: t,
-				isSelected: n
-			}, c = Y({
-				className: `${r.className} ${n ? Z.arrowSelected : ""}`,
+				isSelected: n,
+				isCritical: s
+			}, l = X({
+				className: Y(r.className, n && Z.arrowSelected, s && Z.arrowCritical),
 				style: r.style
-			}, u?.arrow, s);
+			}, u?.arrow, c);
 			return /* @__PURE__ */ y(e, { children: [
 				!f && a.map(([e, n]) => /* @__PURE__ */ v("div", {
 					className: Z.hitArea,
-					style: Lr(e, n),
-					onClick: (e) => S(t.id, e)
+					style: Ur(e, n),
+					onClick: (e) => C(t.id, e)
 				}, `hit-${e.x},${e.y}-${n.x},${n.y}`)),
-				a.map(([e, r], i) => /* @__PURE__ */ v(T, { ...Y({
-					className: `${Z.segment} ${n ? Z.segmentSelected : ""}`,
-					style: Ir(e, r)
+				a.map(([e, r], i) => /* @__PURE__ */ v(E, { ...X({
+					className: Y(Z.segment, n && Z.segmentSelected, s && Z.segmentCritical),
+					style: Hr(e, r)
 				}, u?.segment, {
 					link: t,
 					isSelected: n,
+					isCritical: s,
 					from: e,
 					to: r,
 					index: i
 				}) }, `seg-${e.x},${e.y}-${r.x},${r.y}`)),
-				/* @__PURE__ */ v(E, { ...c }),
-				o && t.dep.lag !== void 0 && t.dep.lag !== 0 && /* @__PURE__ */ v(D, { ...Y({
+				/* @__PURE__ */ v(D, { ...l }),
+				o && t.dep.lag !== void 0 && t.dep.lag !== 0 && /* @__PURE__ */ v(O, { ...X({
 					className: Z.lagLabel,
 					style: {
 						left: o.x,
@@ -2773,32 +2865,33 @@ function Br({ width: t, height: n, onDependencyDelete: r, visibleRect: i, slots:
 				}, u?.lagLabel, {
 					link: t,
 					isSelected: n,
+					isCritical: s,
 					lag: t.dep.lag
 				}) })
 			] }, t.id);
-		}), !f && x && _ && /* @__PURE__ */ v(O, { ...Y({
+		}), !f && S && b && /* @__PURE__ */ v(k, { ...X({
 			className: Z.deleteBtn,
 			type: "button",
 			tabIndex: -1,
 			style: {
-				left: _.x,
-				top: _.y
+				left: b.x,
+				top: b.y
 			},
-			onClick: C,
+			onClick: w,
 			"aria-label": d.deleteDependency,
 			children: "×"
-		}, u?.deleteButton, { dependency: x.dep }) })]
+		}, u?.deleteButton, { dependency: S.dep }) })]
 	});
 }
-var Vr = { preview: "_preview_1jjzd_1" };
+var qr = { preview: "_preview_1jjzd_1" };
 //#endregion
 //#region src/components/dependency-links/DependencyPreview.tsx
-function Hr({ slots: e, slotProps: t }) {
-	let n = J(), r = e ?? n.dependencies?.preview?.slots, i = t ?? n.dependencies?.preview?.slotProps, a = bn();
+function Jr({ slots: e, slotProps: t }) {
+	let n = J(), r = e ?? n.dependencies?.preview?.slots, i = t ?? n.dependencies?.preview?.slotProps, a = En();
 	if (!a) return null;
 	let o = a.currentX - a.startX, s = a.currentY - a.startY, c = Math.hypot(o, s), l = 180 / Math.PI * Math.atan2(s, o);
-	return /* @__PURE__ */ v(r?.root ?? "div", { ...Y({
-		className: Vr.preview,
+	return /* @__PURE__ */ v(r?.root ?? "div", { ...X({
+		className: qr.preview,
 		style: {
 			left: a.startX,
 			top: a.startY,
@@ -2812,17 +2905,17 @@ function Hr({ slots: e, slotProps: t }) {
 		angle: l
 	}) });
 }
-var Ur = {
+var Yr = {
 	cols: "_cols_kjab1_1",
 	col: "_col_kjab1_1",
 	colWeekend: "_colWeekend_kjab1_14"
 };
 //#endregion
 //#region src/components/grid/GridColumns.tsx
-function Wr({ dates: e, colWidth: t, bodyHeight: n, colRange: r, unit: i = "day", step: a = 1, slots: o, slotProps: s }) {
-	let c = J(), l = o ?? c.timeline?.gridColumn?.slots, u = s ?? c.timeline?.gridColumn?.slotProps, d = l?.column ?? "div", { calendar: f } = tn(), p = i === "day" || i === "hour" || i === "minute";
+function Xr({ dates: e, colWidth: t, bodyHeight: n, colRange: r, unit: i = "day", step: a = 1, slots: o, slotProps: s }) {
+	let c = J(), l = o ?? c.timeline?.gridColumn?.slots, u = s ?? c.timeline?.gridColumn?.slotProps, d = l?.column ?? "div", { calendar: f } = on(), p = i === "day" || i === "hour" || i === "minute";
 	return /* @__PURE__ */ v("div", {
-		className: Ur.cols,
+		className: Yr.cols,
 		role: "presentation",
 		"aria-hidden": !0,
 		children: e.slice(r.start, r.end).map((e, o) => {
@@ -2838,8 +2931,8 @@ function Wr({ dates: e, colWidth: t, bodyHeight: n, colRange: r, unit: i = "day"
 				colWidth: t,
 				bodyHeight: n
 			};
-			return /* @__PURE__ */ v(d, { ...Y({
-				className: Dn(Ur.col, l && Ur.colWeekend),
+			return /* @__PURE__ */ v(d, { ...X({
+				className: Y(Yr.col, l && Yr.colWeekend),
 				style: {
 					left: s * t,
 					width: t,
@@ -2849,15 +2942,15 @@ function Wr({ dates: e, colWidth: t, bodyHeight: n, colRange: r, unit: i = "day"
 		})
 	});
 }
-Wr.displayName = "GridColumns";
-var Gr = {
+Xr.displayName = "GridColumns";
+var Zr = {
 	gridWrapper: "_gridWrapper_1tr84_1",
 	grid: "_grid_1tr84_1",
 	body: "_body_1tr84_17"
 };
 //#endregion
 //#region src/core/virtualize.ts
-function Kr(e, t, n, r, i = 0) {
+function Qr(e, t, n, r, i = 0) {
 	if (r <= 0) return {
 		start: 0,
 		end: 0
@@ -2874,8 +2967,8 @@ function Kr(e, t, n, r, i = 0) {
 }
 //#endregion
 //#region src/components/grid/Grid.tsx
-function qr({ slots: e, slotProps: t } = {}) {
-	let n = J(), r = e ?? n.timeline?.grid?.slots, i = t ?? n.timeline?.grid?.slotProps, { visibleTasks: a } = on(), { updateTask: s, commitTask: c, onTaskClick: u, setSelectedId: d } = cn(), { colWidth: p, rowHeight: h, scales: g, padDays: _, height: b } = Zt(), x = $t(), { gridRef: S, onGridScroll: C, gridBodyRef: w } = fn(), T = mn(), { dependencies: E, onDependencyDelete: D } = gn(), { zoomAt: O, zoomIn: k, zoomOut: A, wheelEnabled: j, keyboardEnabled: M } = Sn();
+function $r({ slots: e, slotProps: t } = {}) {
+	let n = J(), r = e ?? n.timeline?.grid?.slots, i = t ?? n.timeline?.grid?.slotProps, { visibleTasks: a } = fn(), { updateTask: s, commitTask: c, onTaskClick: u, setSelectedId: d } = mn(), { colWidth: p, rowHeight: h, scales: g, padDays: _, height: b } = tn(), x = rn(), { gridRef: S, onGridScroll: C, gridBodyRef: w } = vn(), T = bn(), { dependencies: E, onDependencyDelete: D } = Sn(), { zoomAt: O, zoomIn: k, zoomOut: A, wheelEnabled: j, keyboardEnabled: M } = On();
 	l(() => {
 		let e = S.current;
 		if (!e || !j && !M) return;
@@ -2899,10 +2992,10 @@ function qr({ slots: e, slotProps: t } = {}) {
 		A,
 		a.length
 	]);
-	let [N, P] = m({}), F = o((e) => {
+	let [N, ee] = m({}), te = o((e) => {
 		d(e.id), u?.(e);
-	}, [d, u]), ee = o((e, t) => {
-		P((n) => {
+	}, [d, u]), ne = o((e, t) => {
+		ee((n) => {
 			if (t === null) {
 				let { [e]: t, ...r } = n;
 				return r;
@@ -2915,90 +3008,90 @@ function qr({ slots: e, slotProps: t } = {}) {
 				}
 			};
 		});
-	}, []), I = f(() => Nt(a, _, g), [
+	}, []), P = f(() => Lt(a, _, g), [
 		a,
 		_,
 		g
-	]), L = I[0]?.getTime(), R = f(() => L == null ? void 0 : new Date(L), [L]);
-	if (!R) return null;
-	let z = kt(g), B = I.length * p, V = a.length * h, te = (g ?? Ot).length, H = Kr(T.scrollTop, T.clientHeight, h, a.length, 6), ne = Kr(T.scrollLeft, T.clientWidth, p, I.length, 4), re = {
-		minX: ne.start * p,
-		maxX: ne.end * p,
-		minY: H.start * h,
-		maxY: H.end * h
-	}, ie = r?.root ?? "div", ae = r?.body ?? "div", oe = {
-		totalWidth: B,
-		bodyHeight: V,
+	]), F = P[0]?.getTime(), I = f(() => F == null ? void 0 : new Date(F), [F]);
+	if (!I) return null;
+	let L = Nt(g), R = P.length * p, z = a.length * h, re = (g ?? Mt).length, B = Qr(T.scrollTop, T.clientHeight, h, a.length, 6), ie = Qr(T.scrollLeft, T.clientWidth, p, P.length, 4), ae = {
+		minX: ie.start * p,
+		maxX: ie.end * p,
+		minY: B.start * h,
+		maxY: B.end * h
+	}, oe = r?.root ?? "div", se = r?.body ?? "div", ce = {
+		totalWidth: R,
+		bodyHeight: z,
 		height: b
-	}, se = Y({
-		className: Gr.gridWrapper,
+	}, le = X({
+		className: Zr.gridWrapper,
 		style: b === void 0 ? {} : { height: b },
 		onScroll: C,
 		role: "grid",
 		"aria-label": x.timeline,
-		"aria-rowcount": te + a.length,
-		"aria-colcount": I.length
-	}, i?.root, oe), ce = Y({
-		className: Gr.body,
+		"aria-rowcount": re + a.length,
+		"aria-colcount": P.length
+	}, i?.root, ce), ue = X({
+		className: Zr.body,
 		style: {
-			height: V,
-			width: B
+			height: z,
+			width: R
 		},
 		role: "rowgroup"
-	}, i?.body, oe);
-	return /* @__PURE__ */ v(ie, {
+	}, i?.body, ce);
+	return /* @__PURE__ */ v(oe, {
 		ref: S,
-		...se,
+		...le,
 		children: /* @__PURE__ */ y("div", {
-			className: Gr.grid,
-			style: { width: B },
+			className: Zr.grid,
+			style: { width: R },
 			role: "presentation",
-			children: [/* @__PURE__ */ v(Mn, {
+			children: [/* @__PURE__ */ v(Ln, {
 				colWidth: p,
 				rowHeight: h,
-				dates: I,
+				dates: P,
 				scales: g,
-				colRange: ne
-			}), /* @__PURE__ */ v(jr, {
+				colRange: ie
+			}), /* @__PURE__ */ v(Lr, {
 				tasks: a,
 				dependencies: E,
-				origin: R,
+				origin: I,
 				colWidth: p,
 				rowHeight: h,
-				unit: z,
+				unit: L,
 				overrides: N,
-				children: /* @__PURE__ */ y(ae, {
+				children: /* @__PURE__ */ y(se, {
 					ref: w,
-					...ce,
+					...ue,
 					children: [
-						/* @__PURE__ */ v(Wr, {
-							dates: I,
+						/* @__PURE__ */ v(Xr, {
+							dates: P,
 							colWidth: p,
-							bodyHeight: V,
-							colRange: ne,
-							unit: z,
-							step: At(g)
+							bodyHeight: z,
+							colRange: ie,
+							unit: L,
+							step: Pt(g)
 						}),
-						/* @__PURE__ */ v(Br, {
-							width: B,
-							height: V,
+						/* @__PURE__ */ v(Kr, {
+							width: R,
+							height: z,
 							onDependencyDelete: D,
-							visibleRect: re
+							visibleRect: ae
 						}),
-						/* @__PURE__ */ v(Hr, {}),
-						a.slice(H.start, H.end).map((e, t) => /* @__PURE__ */ v(hr, {
+						/* @__PURE__ */ v(Jr, {}),
+						a.slice(B.start, B.end).map((e, t) => /* @__PURE__ */ v(xr, {
 							task: e,
-							index: H.start + t,
-							origin: R,
+							index: B.start + t,
+							origin: I,
 							colWidth: p,
 							rowHeight: h,
-							unit: z,
+							unit: L,
 							onUpdate: s,
 							onCommit: c,
 							override: N[e.id],
-							onOverride: ee,
-							onTaskClick: F,
-							rowIndexOffset: te
+							onOverride: ne,
+							onTaskClick: te,
+							rowIndexOffset: re
 						}, e.id))
 					]
 				})
@@ -3006,14 +3099,14 @@ function qr({ slots: e, slotProps: t } = {}) {
 		})
 	});
 }
-qr.displayName = "GanttGrid";
-var Jr = { handle: "_handle_1o220_1" };
+$r.displayName = "GanttGrid";
+var ei = { handle: "_handle_1o220_1" };
 //#endregion
 //#region src/components/grid/GridResizeHandle.tsx
-function Yr({ onMouseDown: e, isResizing: t = !1, slots: n, slotProps: r }) {
-	let i = J(), a = n ?? i.timeline?.gridResizeHandle?.slots, o = r ?? i.timeline?.gridResizeHandle?.slotProps, s = $t(), c = { isResizing: t };
-	return /* @__PURE__ */ v(a?.root ?? "div", { ...Y({
-		className: Jr.handle,
+function ti({ onMouseDown: e, isResizing: t = !1, slots: n, slotProps: r }) {
+	let i = J(), a = n ?? i.timeline?.gridResizeHandle?.slots, o = r ?? i.timeline?.gridResizeHandle?.slotProps, s = rn(), c = { isResizing: t };
+	return /* @__PURE__ */ v(a?.root ?? "div", { ...X({
+		className: ei.handle,
 		onMouseDown: e,
 		role: "separator",
 		"aria-orientation": "vertical",
@@ -3037,10 +3130,10 @@ var $ = {
 };
 //#endregion
 //#region src/components/taskList/TaskListHeader.tsx
-function Xr({ columns: e, rowHeight: t, scales: n = Ot, onResizeStart: r, slots: i, slotProps: a }) {
+function ni({ columns: e, rowHeight: t, scales: n = Mt, onResizeStart: r, slots: i, slotProps: a }) {
 	let o = n.length * t + 2, s = i?.header ?? "div", c = i?.headerCell ?? "div", l = i?.columnResizeHandle ?? "div";
 	return /* @__PURE__ */ v(s, {
-		...Y({
+		...X({
 			className: $.header,
 			style: {
 				minHeight: o,
@@ -3056,7 +3149,7 @@ function Xr({ columns: e, rowHeight: t, scales: n = Ot, onResizeStart: r, slots:
 			let n = {
 				column: e,
 				index: t
-			}, i = Y({
+			}, i = X({
 				className: $.headerCell,
 				style: e.width ? {
 					width: e.width,
@@ -3067,7 +3160,7 @@ function Xr({ columns: e, rowHeight: t, scales: n = Ot, onResizeStart: r, slots:
 				},
 				role: "columnheader",
 				"aria-colindex": t + 1
-			}, a?.headerCell, n), o = Y({
+			}, a?.headerCell, n), o = X({
 				className: $.divider,
 				"aria-hidden": !0,
 				onMouseDown: (t) => {
@@ -3084,17 +3177,17 @@ function Xr({ columns: e, rowHeight: t, scales: n = Ot, onResizeStart: r, slots:
 }
 //#endregion
 //#region src/components/taskList/TreeCell.tsx
-var Zr = 16;
-function Qr({ taskId: e, depth: t, isParent: n, isExpanded: r, onToggleExpand: i, children: a, slots: o, slotProps: s }) {
-	let c = $t(), l = {
+var ri = 16;
+function ii({ taskId: e, depth: t, isParent: n, isExpanded: r, onToggleExpand: i, children: a, slots: o, slotProps: s }) {
+	let c = rn(), l = {
 		taskId: e,
 		depth: t,
 		isParent: n,
 		isExpanded: r
-	}, u = o?.root ?? "span", d = o?.expandButton ?? "button", f = o?.placeholder ?? "span", p = Y({
+	}, u = o?.root ?? "span", d = o?.expandButton ?? "button", f = o?.placeholder ?? "span", p = X({
 		className: $.nameContent,
-		style: { paddingLeft: t * Zr }
-	}, s?.root, l), m = Y({
+		style: { paddingLeft: t * ri }
+	}, s?.root, l), m = X({
 		className: $.expandBtn,
 		type: "button",
 		onClick: (t) => {
@@ -3102,7 +3195,7 @@ function Qr({ taskId: e, depth: t, isParent: n, isExpanded: r, onToggleExpand: i
 		},
 		"aria-label": r ? c.collapse : c.expand,
 		children: r ? "▾" : "▸"
-	}, s?.expandButton, l), h = Y({
+	}, s?.expandButton, l), h = X({
 		className: $.expandPlaceholder,
 		"aria-hidden": !0
 	}, s?.placeholder, l);
@@ -3113,8 +3206,8 @@ function Qr({ taskId: e, depth: t, isParent: n, isExpanded: r, onToggleExpand: i
 }
 //#endregion
 //#region src/components/taskList/TaskListRow.tsx
-var $r = 100, ei = i(function({ task: e, rowHeight: t, rowIndex: n, depth: r, posinset: i, setsize: a, isParent: o, isExpanded: s, isSelected: c, onToggleExpand: l, onSelect: u, columns: d, treeCell: f }) {
-	let { columnApi: p } = cn();
+var ai = 100, oi = i(function({ task: e, rowHeight: t, rowIndex: n, depth: r, posinset: i, setsize: a, isParent: o, isExpanded: s, isSelected: c, onToggleExpand: l, onSelect: u, columns: d, treeCell: f }) {
+	let { columnApi: p } = mn();
 	return /* @__PURE__ */ v("div", {
 		className: `${$.row} ${c ? $.selected : ""}`,
 		style: { height: t },
@@ -3129,12 +3222,12 @@ var $r = 100, ei = i(function({ task: e, rowHeight: t, rowIndex: n, depth: r, po
 		children: d.map((t, n) => /* @__PURE__ */ v("div", {
 			className: `${$.cell} ${t.isTreeColumn ? $.treeCell : ""}`,
 			style: {
-				width: t.width || $r,
+				width: t.width || ai,
 				flexShrink: 0
 			},
 			role: t.isTreeColumn ? "rowheader" : "gridcell",
 			"aria-colindex": n + 1,
-			children: t.isTreeColumn ? /* @__PURE__ */ v(Qr, {
+			children: t.isTreeColumn ? /* @__PURE__ */ v(ii, {
 				taskId: e.id,
 				depth: r,
 				isParent: o,
@@ -3147,10 +3240,10 @@ var $r = 100, ei = i(function({ task: e, rowHeight: t, rowIndex: n, depth: r, po
 		}, t.key))
 	});
 });
-ei.displayName = "TaskListRow";
+oi.displayName = "TaskListRow";
 //#endregion
 //#region src/hooks/useColumnWidths.ts
-function ti() {
+function si() {
 	let [e, t] = m({}), n = p(null);
 	return {
 		widths: e,
@@ -3176,12 +3269,12 @@ function ti() {
 }
 //#endregion
 //#region src/components/taskList/TaskList.tsx
-var ni = {
+var ci = {
 	flex: "1 1 auto",
 	minHeight: 0
 };
-function ri({ columns: e = [], taskList: t }) {
-	let { visibleTasks: n, expandedIds: r, parentIds: i } = on(), { toggleExpand: a, setSelectedId: s, onTaskClick: c, revealTask: l } = cn(), u = un(), { rowHeight: d, scales: p, height: m } = Zt(), h = $t(), { taskListRef: g, onTaskListScroll: _ } = fn(), { widths: b, onResizeStart: x } = ti(), S = f(() => e.map((e) => b[e.key] == null ? e : {
+function li({ columns: e = [], taskList: t }) {
+	let { visibleTasks: n, expandedIds: r, parentIds: i } = fn(), { toggleExpand: a, setSelectedId: s, onTaskClick: c, revealTask: l } = mn(), u = gn(), { rowHeight: d, scales: p, height: m } = tn(), h = rn(), { taskListRef: g, onTaskListScroll: _ } = vn(), { widths: b, onResizeStart: x } = si(), S = f(() => e.map((e) => b[e.key] == null ? e : {
 		...e,
 		width: b[e.key]
 	}), [e, b]), C = q((e) => {
@@ -3212,9 +3305,9 @@ function ri({ columns: e = [], taskList: t }) {
 			n.setsize = e.get(r.parentId ?? null) ?? 1;
 		}
 		return t;
-	}, [n]), { viewport: D, scheduleMeasure: O } = St(g, { trackHorizontal: !1 }), k = o(() => {
+	}, [n]), { viewport: D, scheduleMeasure: O } = Et(g, { trackHorizontal: !1 }), k = o(() => {
 		_(), O();
-	}, [_, O]), A = Kr(D.scrollTop, D.clientHeight, d, n.length, 6);
+	}, [_, O]), A = Qr(D.scrollTop, D.clientHeight, d, n.length, 6);
 	return /* @__PURE__ */ y("div", {
 		className: $.taskList,
 		style: { height: m },
@@ -3222,7 +3315,7 @@ function ri({ columns: e = [], taskList: t }) {
 		"aria-label": h.taskList,
 		"aria-rowcount": n.length + 1,
 		"aria-colcount": S.length,
-		children: [/* @__PURE__ */ v(Xr, {
+		children: [/* @__PURE__ */ v(ni, {
 			columns: S,
 			rowHeight: d,
 			scales: p,
@@ -3232,7 +3325,7 @@ function ri({ columns: e = [], taskList: t }) {
 		}), /* @__PURE__ */ v("div", {
 			ref: g,
 			className: $.body,
-			style: ni,
+			style: ci,
 			onScroll: k,
 			role: "presentation",
 			children: /* @__PURE__ */ y("div", {
@@ -3246,7 +3339,7 @@ function ri({ columns: e = [], taskList: t }) {
 					}),
 					Array.from({ length: A.end - A.start }, (e, o) => {
 						let s = A.start + o, c = n[s], l = E.get(c.id);
-						return /* @__PURE__ */ v(ei, {
+						return /* @__PURE__ */ v(oi, {
 							task: c,
 							rowHeight: d,
 							rowIndex: s,
@@ -3274,7 +3367,7 @@ function ri({ columns: e = [], taskList: t }) {
 }
 //#endregion
 //#region src/hooks/useGridResize.ts
-function ii(e, t) {
+function ui(e, t) {
 	let [n, r] = m(void 0), i = p(null);
 	return {
 		gridWidth: n,
@@ -3298,10 +3391,10 @@ function ii(e, t) {
 		}, [e, t])
 	};
 }
-var ai = { actionsCell: "_actionsCell_1gvtx_1" };
+var di = { actionsCell: "_actionsCell_1gvtx_1" };
 //#endregion
 //#region src/components/taskList/ActionsCell.tsx
-function oi(e) {
+function fi(e) {
 	let t = j(e.startDate, 1);
 	return {
 		id: `task-${Date.now()}`,
@@ -3314,9 +3407,9 @@ function oi(e) {
 		parentId: e.parentId ?? null
 	};
 }
-function si({ task: e, api: t }) {
+function pi({ task: e, api: t }) {
 	return /* @__PURE__ */ y("div", {
-		className: ai.actionsCell,
+		className: di.actionsCell,
 		children: [
 			/* @__PURE__ */ v("button", {
 				type: "button",
@@ -3336,7 +3429,7 @@ function si({ task: e, api: t }) {
 				"aria-label": t.labels.addTaskAfter(e),
 				onClick: (n) => {
 					n.stopPropagation();
-					let r = oi(e);
+					let r = fi(e);
 					t.createTask(r, e.id), t.editTask(r);
 				},
 				children: /* @__PURE__ */ v("span", {
@@ -3362,12 +3455,12 @@ function si({ task: e, api: t }) {
 }
 //#endregion
 //#region src/components/taskList/defaultColumns.tsx
-var ci = "__action", li = [
+var mi = "__action", hi = [
 	{
-		key: ci,
+		key: mi,
 		header: "  ",
 		width: 100,
-		render: (e, t) => /* @__PURE__ */ v(si, {
+		render: (e, t) => /* @__PURE__ */ v(pi, {
 			task: e,
 			api: t
 		})
@@ -3397,12 +3490,12 @@ var ci = "__action", li = [
 		width: 90,
 		render: (e) => `${e.progress ?? 0}%`
 	}
-], ui = li.filter((e) => e.key !== ci);
+], gi = hi.filter((e) => e.key !== mi);
 //#endregion
 //#region src/Gantt.tsx
-function di({ tasks: e, dependencies: t, rowHeight: n, colWidth: r, height: i, scales: a, padDays: o, zoomLevels: s, defaultZoomIndex: c, onZoomChange: l, zoomWheel: u, zoomKeyboard: d, onTaskClick: m, columns: h, defaultTaskListWidth: g = 280, onDependencyCreate: _, onDependencyDelete: b, onTaskCreate: x, onTaskDelete: S, onTaskEdit: C, onTasksChange: w, calendar: T, snapToWorking: E, durationUnit: D, readOnly: O = !1, apiRef: k, hideTaskList: A, taskList: j, bars: M, dependencySlots: N, timeline: P, labels: F }) {
-	let ee = p(null), I = p(null), { gridWidth: L, onHandleMouseDown: R } = ii(ee, I), z = h ?? (O ? ui : li), B = !A;
-	return /* @__PURE__ */ v(Cn, {
+function _i({ tasks: e, dependencies: t, rowHeight: n, colWidth: r, height: i, scales: a, padDays: o, zoomLevels: s, defaultZoomIndex: c, onZoomChange: l, zoomWheel: u, zoomKeyboard: d, onTaskClick: m, columns: h, defaultTaskListWidth: g = 280, onDependencyCreate: _, onDependencyDelete: b, onTaskCreate: x, onTaskDelete: S, onTaskEdit: C, onTasksChange: w, calendar: T, snapToWorking: E, durationUnit: D, readOnly: O = !1, criticalPath: k, apiRef: A, hideTaskList: j, taskList: M, bars: N, dependencySlots: ee, timeline: te, labels: ne }) {
+	let P = p(null), F = p(null), { gridWidth: I, onHandleMouseDown: L } = ui(P, F), R = h ?? (O ? gi : hi), z = !j;
+	return /* @__PURE__ */ v(kn, {
 		tasks: e,
 		dependencies: t,
 		rowHeight: n,
@@ -3422,32 +3515,33 @@ function di({ tasks: e, dependencies: t, rowHeight: n, colWidth: r, height: i, s
 		onTaskDelete: S,
 		onTaskEdit: C,
 		onTasksChange: w,
-		apiRef: k,
-		labels: F,
+		apiRef: A,
+		labels: ne,
 		calendar: T,
 		snapToWorking: E,
 		durationUnit: D,
 		readOnly: O,
-		children: /* @__PURE__ */ v(Tn, {
+		criticalPath: k,
+		children: /* @__PURE__ */ v(jn, {
 			value: f(() => ({
-				bars: M,
-				dependencies: N,
-				timeline: P
+				bars: N,
+				dependencies: ee,
+				timeline: te
 			}), [
-				M,
 				N,
-				P
+				ee,
+				te
 			]),
-			children: B ? /* @__PURE__ */ y("div", {
-				ref: ee,
+			children: z ? /* @__PURE__ */ y("div", {
+				ref: P,
 				role: "group",
-				"aria-label": F?.gantt ?? Ie.gantt,
+				"aria-label": ne?.gantt ?? Ie.gantt,
 				style: { position: "relative" },
-				children: [/* @__PURE__ */ v(ri, {
-					columns: z,
-					taskList: j
+				children: [/* @__PURE__ */ v(li, {
+					columns: R,
+					taskList: M
 				}), /* @__PURE__ */ y("div", {
-					ref: I,
+					ref: F,
 					style: {
 						position: "absolute",
 						top: 0,
@@ -3456,21 +3550,21 @@ function di({ tasks: e, dependencies: t, rowHeight: n, colWidth: r, height: i, s
 						display: "flex",
 						flexDirection: "row",
 						background: "var(--am-gantt-grid-bg, #ffffff)",
-						...L === void 0 ? { left: g } : { width: L }
+						...I === void 0 ? { left: g } : { width: I }
 					},
-					children: [/* @__PURE__ */ v(Yr, { onMouseDown: R }), /* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ v(ti, { onMouseDown: L }), /* @__PURE__ */ v("div", {
 						style: {
 							flex: "1 1 auto",
 							minWidth: 0
 						},
-						children: /* @__PURE__ */ v(qr, {})
+						children: /* @__PURE__ */ v($r, {})
 					})]
 				})]
-			}) : /* @__PURE__ */ v(qr, {})
+			}) : /* @__PURE__ */ v($r, {})
 		})
 	});
 }
 //#endregion
-export { ci as ACTION_COLUMN_KEY, Hn as BarTooltipRoot, Yn as BarTooltipTrigger, Mn as Calendar, li as DEFAULT_COLUMNS, Wt as DEFAULT_ZOOM_INDEX, Ut as DEFAULT_ZOOM_LEVELS, di as Gantt, Qn as GanttBarTooltip, qr as GanttGrid, Cn as GanttProvider, Tn as GanttSlotsProvider, nr as MilestoneBar, sr as ProjectBar, ui as READ_ONLY_COLUMNS, ur as TaskBar, ri as TaskList, Me as displayEndDate, Ne as endInstantFromDisplayDate, Y as mergeSlotProps, Vn as useBarTooltip, rn as useGanttReadOnly, J as useGanttSlots };
+export { mi as ACTION_COLUMN_KEY, Jn as BarTooltipRoot, tr as BarTooltipTrigger, Ln as Calendar, hi as DEFAULT_COLUMNS, Jt as DEFAULT_ZOOM_INDEX, qt as DEFAULT_ZOOM_LEVELS, _i as Gantt, ir as GanttBarTooltip, $r as GanttGrid, kn as GanttProvider, jn as GanttSlotsProvider, cr as MilestoneBar, pr as ProjectBar, gi as READ_ONLY_COLUMNS, gr as TaskBar, li as TaskList, Me as displayEndDate, Ne as endInstantFromDisplayDate, X as mergeSlotProps, qn as useBarTooltip, cn as useGanttReadOnly, J as useGanttSlots };
 
 //# sourceMappingURL=index.mjs.map