@jjlmoya/utils-cooking 1.10.0 → 1.12.0

package/src/tool/kitchen-timer/i18n/fr.ts

@@ -1,45 +1,45 @@
 import type { ToolLocaleContent } from '../../../types';
 
-const title = "Multiple Kitchen Timer";
-const description = "Manage multiple cooking times simultaneously. Independent alarms, ideal for chefs and kitchen organization (Mise en Place).";
+const title = "Minuteur de Cuisine Multiple";
+const description = "Gérez plusieurs temps de cuisson simultanément. Alarmes indépendantes, idéal pour les chefs et l'organisation de la cuisine (Mise en Place).";
 const faq = [
 		{
-			question: 'How many timers can I create?',
+			question: 'Combien de minuteurs puis-je créer ?',
 			answer:
-				'Unlimited. Add as many as you need with the \'+\' button. Perfect for cooking multiple dishes simultaneously: pasta boiling, sauce reducing, meat resting, and oven baking, all at once.',
+				'Illimité. Ajoutez-en autant que nécessaire avec le bouton "+". Parfait pour cuisiner plusieurs plats simultanément : bouillir des pâtes, réduire une sauce, reposer la viande et cuire au four, tout en même temps.',
 		},
 		{
-			question: 'Why is resting time important for meat?',
+			question: 'Pourquoi le temps de repos est-il important pour la viande ?',
 			answer:
-				'When you cut meat fresh from heat, juices escape onto the plate. If you rest 5-10 minutes, fibers relax and juices redistribute. Result: juicy meat instead of dry. Resting is passive cooking.',
+				'Lorsque vous coupez la viande juste après la cuisson, les jus s\'échappent sur l\'assiette. Si vous la laissez reposer 5 à 10 minutes, les fibres se détendent et les jus se redistribuent. Résultat : une viande juteuse au lieu d\'être sèche. Le repos est une cuisson passive.',
 		},
 		{
-			question: 'Does it work with screen locked?',
+			question: 'Fonctionne-t-il avec l\'écran verrouillé ?',
 			answer:
-				'Yes, but you need to grant notification permissions. Timers keep running in background and will alert you with sound and browser notification even if you switch tabs or lock your phone.',
+				'Oui, mais vous devez accorder les permissions de notification. Les minuteurs continuent de fonctionner en arrière-plan et vous alerteront avec un son et une notification de navigateur même si vous changez d\'onglet ou verrouillez votre téléphone.',
 		},
 		{
-			question: 'What is the food \'Danger Zone\'?',
+			question: 'Qu\'est-ce que la "Zone de Danger" alimentaire ?',
 			answer:
-				'Between 5°C and 65°C bacteria multiply rapidly. Cooked foods shouldn\'t stay in this range more than 2 hours (1 hour if temperature exceeds 30°C). Use a timer to monitor cooling before refrigerating.',
+				'Entre 5°C et 65°C, les bactéries se multiplient rapidement. Les aliments cuits ne doivent pas rester dans cette plage plus de 2 heures (1 heure si la température dépasse 30°C). Utilisez un minuteur pour surveiller le refroidissement avant de réfrigérer.',
 		},
 	];
 const howTo = [
 		{
-			name: 'Create multiple timers',
-			text: 'Use the \'+\' button to add as many timers as you need. Perfect for orchestrating multiple dishes simultaneously.',
+			name: 'Créer plusieurs minuteurs',
+			text: 'Utilisez le bouton "+" pour ajouter autant de minuteurs que nécessaire. Parfait pour orchestrer plusieurs plats simultanément.',
 		},
 		{
-			name: 'Customize each timer',
-			text: 'Change the name of each timer to identify what\'s cooking: \'Oven\', \'Rice\', \'Sauce\', etc.',
+			name: 'Personnaliser chaque minuteur',
+			text: 'Changez le nom de chaque minuteur pour identifier ce qui cuit : "Four", "Riz", "Sauce", etc.',
 		},
 		{
-			name: 'Control from mobile dock',
-			text: 'On mobile, active timers appear in a sliding dock at the bottom. Pause or restart directly from there.',
+			name: 'Contrôler depuis le dock mobile',
+			text: 'Sur mobile, les minuteurs actifs apparaissent dans un dock coulissant en bas. Mettez en pause ou redémarrez directement depuis là.',
 		},
 		{
-			name: 'Receive notifications',
-			text: 'Authorize notifications so the browser alerts you when time\'s up, even if you switch tabs.',
+			name: 'Recevoir des notifications',
+			text: 'Autorisez les notifications pour que le navigateur vous alerte quand le temps est écoulé, même si vous changez d\'onglet.',
 		},
 	];
 
@@ -76,154 +76,153 @@ const appSchema = {
 };
 
 export const content: ToolLocaleContent = {
-	slug: 'kitchen-timer',
-	title: 'Multiple Kitchen Timer',
+	slug: 'minuteur-cuisine',
+	title: 'Minuteur de Cuisine Multiple',
 	description:
-		'Manage multiple cooking times simultaneously. Independent alarms, ideal for chefs and kitchen organization (Mise en Place).',
+		'Gérez plusieurs temps de cuisson simultanément. Alarmes indépendantes, idéal pour les chefs et l\'organisation de la cuisine (Mise en Place).',
 	faqTitle: 'Questions Fréquemment Posées',
 	bibliographyTitle: 'Références',
 
 	ui: {
-		addTimer: 'Add Timer',
-		stopAll: 'Stop All',
-		defaultName: 'Timer',
-		newTimerName: 'New Timer',
-		timerDefault1: 'Timer 1',
-		timerDefault2: 'Timer 2',
-		timerDefault3: 'Timer 3',
-		label: 'Label',
-		hours: 'Hours',
+		addTimer: 'Ajouter',
+		stopAll: 'Tout Arrêter',
+		defaultName: 'Minuteur',
+		newTimerName: 'Nouveau Minuteur',
+		timerDefault1: 'Minuteur 1',
+		timerDefault2: 'Minuteur 2',
+		timerDefault3: 'Minuteur 3',
+		label: 'Étiquette',
+		hours: 'Heures',
 		minutes: 'Min',
 		seconds: 'Sec',
-		ready: 'Ready',
-		start: 'Start',
+		ready: 'Prêt',
+		start: 'Démarrer',
 		pause: 'Pause',
-		reset: 'Reset',
+		reset: 'Réinitialiser',
 		addOneMin: '+1 min',
 		addFiveMin: '+5 min',
-		status: {
-			ready: 'Ready',
-			running: 'Running',
-			paused: 'Paused',
-			finished: 'TIME!',
-		},
+		statusReady: 'Prêt',
+		statusRunning: 'En cours',
+		statusPaused: 'Pause',
+		statusFinished: 'FINI !',
+		finishNotification: 'Minuteur Terminé pour',
 	},
 
 	faq: [
 		{
-			question: 'How many timers can I create?',
+			question: 'Combien de minuteurs puis-je créer ?',
 			answer:
-				'Unlimited. Add as many as you need with the \'+\' button. Perfect for cooking multiple dishes simultaneously: pasta boiling, sauce reducing, meat resting, and oven baking, all at once.',
+				'Illimité. Ajoutez-en autant que nécessaire avec le bouton "+". Parfait pour cuisiner plusieurs plats simultanément : bouillir des pâtes, réduire une sauce, reposer la viande et cuire au four, tout en même temps.',
 		},
 		{
-			question: 'Why is resting time important for meat?',
+			question: 'Pourquoi le temps de repos est-il important pour la viande ?',
 			answer:
-				'When you cut meat fresh from heat, juices escape onto the plate. If you rest 5-10 minutes, fibers relax and juices redistribute. Result: juicy meat instead of dry. Resting is passive cooking.',
+				'Lorsque vous coupez la viande juste après la cuisson, les jus s\'échappent sur l\'assiette. Si vous la laissez reposer 5 à 10 minutes, les fibres se détendent et les jus se redistribuent. Résultat : une viande juteuse au lieu d\'être sèche. Le repos est une cuisson passive.',
 		},
 		{
-			question: 'Does it work with screen locked?',
+			question: 'Fonctionne-t-il avec l\'écran verrouillé ?',
 			answer:
-				'Yes, but you need to grant notification permissions. Timers keep running in background and will alert you with sound and browser notification even if you switch tabs or lock your phone.',
+				'Oui, mais vous devez accorder les permissions de notification. Les minuteurs continuent de fonctionner en arrière-plan et vous alerteront avec un son et une notification de navigateur même si vous changez d\'onglet ou verrouillez votre téléphone.',
 		},
 		{
-			question: 'What is the food \'Danger Zone\'?',
+			question: 'Qu\'est-ce que la "Zone de Danger" alimentaire ?',
 			answer:
-				'Between 5°C and 65°C bacteria multiply rapidly. Cooked foods shouldn\'t stay in this range more than 2 hours (1 hour if temperature exceeds 30°C). Use a timer to monitor cooling before refrigerating.',
+				'Entre 5°C et 65°C, les bactéries se multiplient rapidement. Les aliments cuits ne doivent pas rester dans cette plage plus de 2 heures (1 heure si la température dépasse 30°C). Utilisez un minuteur pour surveiller le refroidissement avant de réfrigérer.',
 		},
 	],
 
 	bibliography: [
 		{
-			name: 'Food Safety: USDA Guidelines',
+			name: 'Sécurité Alimentaire : Directives de l\'USDA',
 			url: 'https://www.fsis.usda.gov/',
 		},
 		{
-			name: 'Mise en Place - Professional Cooking',
+			name: 'Mise en Place - Cuisine Professionnelle (Escoffier)',
 			url: 'https://www.escoffier.edu/',
 		},
 	],
 
 	howTo: [
 		{
-			name: 'Create multiple timers',
-			text: 'Use the \'+\' button to add as many timers as you need. Perfect for orchestrating multiple dishes simultaneously.',
+			name: 'Créer plusieurs minuteurs',
+			text: 'Utilisez le bouton "+" pour ajouter autant de minuteurs que nécessaire. Parfait pour orchestrer plusieurs plats simultanément.',
 		},
 		{
-			name: 'Customize each timer',
-			text: 'Change the name of each timer to identify what\'s cooking: \'Oven\', \'Rice\', \'Sauce\', etc.',
+			name: 'Personnaliser chaque minuteur',
+			text: 'Changez le nom de chaque minuteur pour identifier ce qui cuit : "Four", "Riz", "Sauce", etc.',
 		},
 		{
-			name: 'Control from mobile dock',
-			text: 'On mobile, active timers appear in a sliding dock at the bottom. Pause or restart directly from there.',
+			name: 'Contrôler depuis le dock mobile',
+			text: 'Sur mobile, les minuteurs actifs apparaissent dans un dock coulissant en bas. Mettez en pause ou redémarrez directement depuis là.',
 		},
 		{
-			name: 'Receive notifications',
-			text: 'Authorize notifications so the browser alerts you when time\'s up, even if you switch tabs.',
+			name: 'Recevoir des notifications',
+			text: 'Autorisez les notifications pour que le navigateur vous alerte quand le temps est écoulé, même si vous changez d\'onglet.',
 		},
 	],
 
 	seo: [
 		{
 			type: 'title',
-			text: 'Temporal Mastery in the Kitchen',
+			text: 'Maîtrise Temporelle en Cuisine',
 			level: 2,
 		},
 		{
 			type: 'paragraph',
-			html: 'Professional cooking isn\'t based solely on recipes, but on <strong>precise time management</strong>. The French concept <em>"Mise en Place"</em> (everything in its place) includes time as an ingredient. A steak that rests 5 minutes redistributes its juices and becomes tender; one that doesn\'t rest loses them at the first cut.',
+			html: 'La cuisine professionnelle ne repose pas uniquement sur les recettes, mais sur une <strong>gestion précise du temps</strong>. Le concept français de <em>"Mise en Place"</em> (chaque chose à sa place) inclut le temps comme ingrédient. Un steak qui repose 5 minutes redistribue ses jus et devient tendre ; un steak qui ne repose pas les perd à la première découpe.',
 		},
 		{
 			type: 'paragraph',
-			html: 'This <strong>Multiple Timer</strong> tool has been designed for home chefs and professionals who need to orchestrate a symphony of dishes: pasta boiling, roast in the oven, and sauce reducing, all happening simultaneously.',
+			html: 'Cet outil de <strong>Minuteur Multiple</strong> a été conçu pour les chefs à domicile et les professionnels qui ont besoin d\'orchestrer une symphonie de plats : bouillir des pâtes, rôti au four et réduction de sauce, tout cela se passant simultanément.',
 		},
 		{
 			type: 'title',
-			text: 'The Role of Temperature and Time',
+			text: 'Le Rôle de la Température et du Temps',
 			level: 3,
 		},
 		{
 			type: 'paragraph',
-			html: 'Cooking is essentially applying heat for a specific duration to transform the chemical structure of food. Protein denaturation and the Maillard reaction (which gives golden color and flavor) critically depend on the timer.',
+			html: 'Cuisiner consiste essentiellement à appliquer de la chaleur pendant une durée spécifique pour transformer la structure chimique des aliments. La dénaturation des protéines et la réaction de Maillard (qui donne la couleur dorée et la saveur) dépendent de manière critique du minuteur.',
 		},
 		{
 			type: 'table',
-			headers: ['Food', 'Cooking Point', 'Time', 'Benefit'],
+			headers: ['Aliment', 'Point de Cuisson', 'Temps', 'Bénéfice'],
 			rows: [
-				['Soft-boiled Eggs', 'Liquid yolk', '3-4 min', 'Soft protein, easy digestion'],
-				['Mollet Eggs', 'Dense yolk', '5-6 min', 'Perfect texture balance'],
-				['Hard-boiled Eggs', 'Fully set', '9-11 min', 'Maximum firmness'],
-				['Meat - Searing', 'High heat', '1-2 min/side', 'Maillard reaction, juiciness'],
-				['Meat - Fine Rest', 'Resting', '5 min', 'Juice redistribution'],
-				['Meat - Large Rest', 'Resting', '15-20 min', 'Relaxed fibers'],
+				['Œufs à la coque', 'Jaune liquide', '3-4 min', 'Protéine douce, digestion facile'],
+				['Œufs mollets', 'Jaune dense', '5-6 min', 'Équilibre parfait de texture'],
+				['Œufs durs', 'Entièrement pris', '9-11 min', 'Fermeté maximale'],
+				['Viande - Saisie', 'Feu vif', '1-2 min/face', 'Réaction de Maillard, jutosité'],
+				['Viande - Repos fin', 'Repos', '5 min', 'Redistribution des jus'],
+				['Viande - Grand Repos', 'Repos', '15-20 min', 'Fibres détendues'],
 			],
 		},
 		{
 			type: 'title',
-			text: 'Food Safety: The Danger Zone',
+			text: 'Sécurité Alimentaire : La Zone de Danger',
 			level: 3,
 		},
 		{
 			type: 'paragraph',
-			html: 'Time doesn\'t just affect quality, it affects safety. The bacterial "Danger Zone" sits between 5°C and 65°C. Cooked foods must not remain in this range for more than <strong>2 hours</strong> (or 1 hour if ambient temperature exceeds 30°C). Use a timer to monitor cooling before storing food in the fridge.',
+			html: 'Le temps n\'affecte pas seulement la qualité, il affecte la sécurité. La "Zone de Danger" bactérienne se situe entre 5°C et 65°C. Les aliments cuits ne doivent pas rester dans cette plage pendant plus de <strong>2 heures</strong> (ou 1 heure si la température ambiante dépasse 30°C). Utilisez un minuteur pour surveiller le refroidissement avant de ranger les aliments au réfrigérateur.',
 		},
 		{
 			type: 'title',
-			text: 'Professional Organization Tips',
+			text: 'Conseils d\'Organisation Professionnelle',
 			level: 3,
 		},
 		{
 			type: 'list',
 			items: [
-				'<strong>Stagger finishing times:</strong> If everything finishes at once, you\'ll feel overwhelmed plating. Try to have side dishes ready 5 minutes before the main course.',
-				'<strong>Use residual heat:</strong> Turn off vegetables or pasta 1-2 minutes before the timer sounds. Residual heat will finish cooking gently.',
-				'<strong>Name your timers:</strong> In a busy kitchen it\'s easy to forget which alarm is which. Use this tool\'s renaming feature to label \'Oven\', \'Rice\', or \'Sauce\'.',
+				'<strong>Échelonnez les temps de fin :</strong> Si tout se termine en même temps, vous vous sentirez débordé pour le dressage. Essayez d\'avoir les accompagnements prêts 5 minutes avant le plat principal.',
+				'<strong>Utilisez la chaleur résiduelle :</strong> Éteignez les légumes ou les pâtes 1 à 2 minutes avant que le minuteur ne sonne. La chaleur résiduelle finira la cuisson en douceur.',
+				'<strong>Nommez vos minuteurs :</strong> Dans une cuisine occupée, il est facile d\'oublier quelle alarme correspond à quoi. Utilisez la fonction de renommage de cet outil pour étiqueter "Four", "Riz" ou "Sauce".',
 			],
 		},
 		{
 			type: 'tip',
-			html: '<strong>Professional tip:</strong> Time precision is what separates a chef from a home cook. Invest in a good timer and use it always. Experience tells you when something "looks ready", but time guarantees consistency.',
+			html: '<strong>Conseil de pro :</strong> La précision temporelle est ce qui sépare un chef d\'un cuisinier amateur. Investissez dans un bon minuteur et utilisez-le toujours. L\'expérience vous dit quand quelque chose "semble prêt", mais le temps garantit la régularité.',
 		},
 	],
 
-	schemas: [faqSchema, howToSchema, appSchema],
+	schemas: [faqSchema as any, howToSchema as any, appSchema as any],
 };

package/src/tool/kitchen-timer/init.ts

@@ -3,7 +3,8 @@ import { KitchenTimer } from "./lib/KitchenTimer";
 function setupAddTimerButton(
 	timerTemplate: HTMLTemplateElement,
 	timersGrid: HTMLElement,
-	activeTimers: KitchenTimer[]
+	activeTimers: KitchenTimer[],
+	ui: Record<string, string>
 ) {
 	document.getElementById("add-timer-btn")?.addEventListener("click", () => {
 		if (!timerTemplate || !timersGrid) return;
@@ -14,11 +15,19 @@ function setupAddTimerButton(
 		const count = activeTimers.length + 1;
 		newCard.setAttribute("data-index", count.toString());
 		const nameInput = newCard.querySelector(".timer-name") as HTMLInputElement;
-		if (nameInput) nameInput.value = `Temporizador ${count}`;
+		if (nameInput) nameInput.value = `${ui.defaultName} ${count}`;
 
 		timersGrid.appendChild(newCard);
 
-		const timer = new KitchenTimer(newCard);
+		const timer = new KitchenTimer(newCard, {
+			ready: ui.statusReady as string,
+			running: ui.statusRunning as string,
+			paused: ui.statusPaused as string,
+			finished: ui.statusFinished as string,
+			start: ui.start as string,
+			pause: ui.pause as string,
+			finishNotification: ui.finishNotification as string
+		});
 		activeTimers.push(timer);
 
 		newCard.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -39,17 +48,25 @@ function requestNotificationPermission() {
 	}
 }
 
-export function initKitchenTimers() {
+export function initKitchenTimers(ui: Record<string, string>) {
 	const timersGrid = document.getElementById("timers-grid") as HTMLElement;
 	const timerTemplate = document.getElementById("timer-template") as HTMLTemplateElement;
 	const activeTimers: KitchenTimer[] = [];
 
 	document.querySelectorAll(".timer-card").forEach((card) => {
-		const timer = new KitchenTimer(card as HTMLElement);
+		const timer = new KitchenTimer(card as HTMLElement, {
+			ready: ui.statusReady as string,
+			running: ui.statusRunning as string,
+			paused: ui.statusPaused as string,
+			finished: ui.statusFinished as string,
+			start: ui.start as string,
+			pause: ui.pause as string,
+			finishNotification: ui.finishNotification as string
+		});
 		activeTimers.push(timer);
 	});
 
-	setupAddTimerButton(timerTemplate, timersGrid, activeTimers);
+	setupAddTimerButton(timerTemplate, timersGrid, activeTimers, ui);
 	setupStopAllButton(activeTimers);
 	requestNotificationPermission();
 }

package/src/tool/kitchen-timer/lib/KitchenTimer.ts

@@ -1,5 +1,15 @@
 import { getAudioContext, playBeep } from "./AudioHelper";
 
+export interface TimerTranslations {
+	ready: string;
+	running: string;
+	paused: string;
+	finished: string;
+	start: string;
+	pause: string;
+	finishNotification: string;
+}
+
 export class KitchenTimer extends EventTarget {
 	element: HTMLElement;
 	private inputs: { h: HTMLInputElement; m: HTMLInputElement; s: HTMLInputElement };
@@ -9,6 +19,7 @@ export class KitchenTimer extends EventTarget {
 	private btnAdd5m: HTMLButtonElement;
 	private statusText: HTMLElement;
 	private timerNameInput: HTMLInputElement;
+	private t: TimerTranslations;
 
 	totalSeconds: number = 0;
 	remainingSeconds: number = 0;
@@ -17,9 +28,10 @@ export class KitchenTimer extends EventTarget {
 
 	private audioContext: AudioContext | null = null;
 
-	constructor(element: HTMLElement) {
+	constructor(element: HTMLElement, translations: TimerTranslations) {
 		super();
 		this.element = element;
+		this.t = translations;
 
 		const hoursInput = element.querySelector(".hours") as HTMLInputElement | null;
 		const minutesInput = element.querySelector(".minutes") as HTMLInputElement | null;
@@ -153,7 +165,7 @@ export class KitchenTimer extends EventTarget {
 		this.setDisplay(0);
 		this.remainingSeconds = 0;
 		this.totalSeconds = 0;
-		this.statusText.textContent = "Listo";
+		this.statusText.textContent = this.t.ready;
 		this.statusText.classList.remove("running", "finished");
 		this.element.classList.remove("finished");
 		this.dispatchUpdate();
@@ -173,12 +185,12 @@ export class KitchenTimer extends EventTarget {
 	private timeUp() {
 		this.pause();
 		this.playAlarm();
-		this.statusText.textContent = "¡TIEMPO!";
+		this.statusText.textContent = this.t.finished;
 		this.statusText.classList.add("finished");
 		this.element.classList.add("finished");
 
 		if ("Notification" in window && Notification.permission === "granted") {
-			new Notification(`Temporizador Terminado de ${this.getName()}`);
+			new Notification(`${this.t.finishNotification} ${this.getName()}`);
 		}
 		this.dispatchUpdate();
 	}
@@ -217,12 +229,12 @@ export class KitchenTimer extends EventTarget {
 		const btnText = this.element.querySelector(".btn-toggle .btn-text");
 		const iconPlay = this.element.querySelector(".icon-play");
 		const iconPause = this.element.querySelector(".icon-pause");
-		if (btnText) btnText.textContent = "Pausar";
+		if (btnText) btnText.textContent = this.t.pause;
 		iconPlay?.setAttribute("style", "display: none;");
 		iconPause?.removeAttribute("style");
 		this.element.classList.add("running");
 		this.statusText.classList.add("running");
-		this.statusText.textContent = "Corriendo";
+		this.statusText.textContent = this.t.running;
 		Object.values(this.inputs).forEach((i) => (i.disabled = true));
 	}
 
@@ -230,12 +242,12 @@ export class KitchenTimer extends EventTarget {
 		const btnText = this.element.querySelector(".btn-toggle .btn-text");
 		const iconPlay = this.element.querySelector(".icon-play");
 		const iconPause = this.element.querySelector(".icon-pause");
-		if (btnText) btnText.textContent = "Iniciar";
+		if (btnText) btnText.textContent = this.t.start;
 		iconPlay?.removeAttribute("style");
 		iconPause?.setAttribute("style", "display: none;");
 		this.element.classList.remove("running");
 		this.statusText.classList.remove("running");
-		this.statusText.textContent = this.remainingSeconds > 0 && this.remainingSeconds < this.totalSeconds ? "Pausado" : "Listo";
+		this.statusText.textContent = this.remainingSeconds > 0 && this.remainingSeconds < this.totalSeconds ? this.t.paused : this.t.ready;
 		Object.values(this.inputs).forEach((i) => (i.disabled = false));
 	}
 

package/src/tool/meringue-peak/component.astro

@@ -334,7 +334,7 @@ const { ui } = Astro.props;
 	    gap: 1.5rem;
 	}
 
-	.meringue-result-item {
+	:global(.meringue-result-item) {
 	    background: var(--time-bg);
 	    border: 1px solid var(--card-border);
 	    border-radius: 20px;
@@ -345,7 +345,7 @@ const { ui } = Astro.props;
 	    transition: all 0.2s ease;
 	}
 
-	.meringue-result-item:hover {
+	:global(.meringue-result-item):hover {
 	    background: var(--card-bg);
 	    transform: scale(1.02);
 	}
@@ -384,7 +384,7 @@ const { ui } = Astro.props;
 	    gap: 1rem;
 	}
 
-	.meringue-time-row {
+	:global(.meringue-time-row) {
 	    display: flex;
 	    align-items: center;
 	    justify-content: space-between;
@@ -450,7 +450,7 @@ const { ui } = Astro.props;
 	    color: var(--pink-light);
 	}
 
-	.meringue-fade-in {
+	:global(.meringue-fade-in) {
 	    animation: meringue-fade-in 0.5s ease forwards;
 	}
 

package/src/tool/meringue-peak/i18n/fr.ts

@@ -262,7 +262,7 @@ export const content: ToolLocaleContent = {
     {
       type: "diagnostic",
       variant: "warning",
-      title: "Votre Meringue rejette-t-elle du Liquide ?",
+      title: "Votre Meringue rejette t elle du Liquide ?",
       html: "Si vous voyez du sirop s'échapper (synérèse), c'est soit que le sucre n'était pas dissous, soit que l'humidité ambiante est trop forte. Pour l'italienne, versez le sirop en filet constant, jamais directement sur le fouet.",
     },
     {

package/src/tool/mold-scaler/component.astro

@@ -274,13 +274,13 @@ const { ui } = Astro.props;
 		width: 2.5rem;
 	}
 
-	.ms-input-group {
+	:global(.ms-input-group) {
 		display: flex;
 		flex-direction: column;
 		gap: 0.5rem;
 	}
 
-	.ms-label {
+	:global(.ms-label) {
 		font-size: 0.75rem;
 		font-weight: 700;
 		color: var(--ms-text-muted);
@@ -288,7 +288,7 @@ const { ui } = Astro.props;
 		letter-spacing: 0.05em;
 	}
 
-	.ms-input {
+	:global(.ms-input) {
 		width: 100%;
 		padding: 0.75rem 1rem;
 		border-radius: 0.5rem;
@@ -299,7 +299,7 @@ const { ui } = Astro.props;
 		transition: var(--ms-transition);
 	}
 
-	.ms-input:focus {
+	:global(.ms-input):focus {
 		outline: none;
 		border-color: var(--ms-primary);
 		box-shadow: 0 0 0 3px hsla(262deg, 83%, 58%, 0.1);
@@ -309,7 +309,7 @@ const { ui } = Astro.props;
 		text-align: center;
 		padding: 2.5rem;
 		background: linear-gradient(135deg, var(--ms-primary), var(--ms-primary-dark));
-		color: var(--ms-bg-card);
+		color: hsl(0deg, 0%, 100%);
 		border-radius: var(--ms-radius);
 		box-shadow: var(--ms-shadow-md);
 		position: relative;
@@ -402,7 +402,7 @@ const { ui } = Astro.props;
 		margin-bottom: 1.5rem;
 	}
 
-	.ms-ingredient-row {
+	:global(.ms-ingredient-row) {
 		display: grid;
 		grid-template-columns: 1fr;
 		gap: 0.75rem;
@@ -426,13 +426,13 @@ const { ui } = Astro.props;
 	}
 
 	@media (min-width: 640px) {
-		.ms-ingredient-row {
+		:global(.ms-ingredient-row) {
 			grid-template-columns: 2fr 1fr 1fr auto;
 			align-items: center;
 		}
 	}
 
-	.ms-ingredient-final {
+	:global(.ms-ingredient-final) {
 		font-weight: 800;
 		color: hsl(150deg, 80%, 40%);
 		font-size: 1.125rem;
@@ -440,7 +440,7 @@ const { ui } = Astro.props;
 		text-align: center;
 	}
 
-	.ms-del-btn {
+	:global(.ms-del-btn) {
 		background: transparent;
 		border: none;
 		color: var(--ms-text-muted);
@@ -450,7 +450,7 @@ const { ui } = Astro.props;
 		transition: var(--ms-transition);
 	}
 
-	.ms-del-btn:hover {
+	:global(.ms-del-btn):hover {
 		background: hsl(0deg, 85%, 60%);
 		color: var(--ms-bg-card);
 	}
@@ -476,11 +476,17 @@ const { ui } = Astro.props;
 		border-style: solid;
 	}
 
-	.ms-empty-state {
+	:global(.ms-empty-state) {
 		text-align: center;
 		padding: 2rem;
 		color: var(--ms-text-muted);
 		font-style: italic;
 	}
+
+	:global(.ms-inputs-grid) {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 1rem;
+	}
 </style>