@jjlmoya/utils-cooking 1.10.0 → 1.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jjlmoya/utils-cooking",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/tool/banana-ripeness/i18n/fr.ts

@@ -1,41 +1,41 @@
 import type { ToolLocaleContent } from '../../../types';
 
-const title = "Banana Diagnostics and Conservation: Scientific Guide";
-const description = "Analyze your banana ripening stage with scientific precision. Learn conservation techniques, ethylene biochemistry, and nutritional optimization.";
+const title = "Diagnostic et Conservation des Bananes : Guide Scientifique";
+const description = "Analysez le stade de maturité de vos bananes avec une précision scientifique. Apprenez les techniques de conservation, la biochimie de l'éthylène et l'optimisation nutritionnelle.";
 const faq = [
     {
-      question: 'Why do bananas turn black in the fridge?',
-      answer: 'Cold breaks down cell walls in the peel, releasing enzymes that oxidize phenols and create black polyphenols. However, the inside usually stays firm and sweet longer than outside.',
+      question: 'Pourquoi les bananes deviennent-elles noires au réfrigérateur ?',
+      answer: "Le froid rompt les parois cellulaires de la peau, libérant des enzymes qui oxydent les phénols et créent des polyphénols noirs. Cependant, l'intérieur reste généralement ferme et sucré plus longtemps qu'à l'extérieur.",
     },
     {
-      question: 'How can I ripen a banana quickly?',
-      answer: 'Put them in a closed paper bag with an apple or tomato. These emit ethylene gas, which accelerates ripening. If in a hurry, you can put them in the oven at low temperature for a few minutes.',
+      question: 'Comment faire mûrir une banane rapidement ?',
+      answer: 'Placez-les dans un sac en papier fermé avec une pomme ou une tomate. Celles-ci émettent de l\'éthylène, un gaz qui accélère la maturité. Si vous êtes pressé, vous pouvez les mettre quelques minutes au four à basse température.',
     },
     {
-      question: 'Is it safe to eat spotted bananas?',
-      answer: 'Yes, totally. Spots indicate starch has converted to sugar, making them sweeter and more digestible. Only discard if they have mold, smell bad, or are excessively soft.',
+      question: 'Est-il prudent de manger des bananes tachetées ?',
+      answer: 'Oui, tout à fait. Les taches indiquent que l\'amidon s\'est transformé en sucre, les rendant plus sucrées et digestes. Ne les jetez que si elles présentent de la moisissure, une mauvaise odeur ou sont excessivement molles.',
     },
     {
-      question: 'What is ethylene?',
-      answer: 'It\'s a plant hormone in gas form that regulates growth and ripening. Banana is a climacteric fruit, meaning it continues producing ethylene and ripening after harvest.',
+      question: 'Qu\'est-ce que l\'éthylène ?',
+      answer: 'C\'est une hormone végétale sous forme de gaz qui régule la croissance et la maturation. La banane est un fruit climatérique, ce qui signifie qu\'elle continue à produire de l\'éthylène et à mûrir après sa récolte.',
     },
   ];
 const howTo = [
     {
-      name: 'Observe the color',
-      text: 'Carefully examine peel color, from green to dark brown, to determine current ripening stage.',
+      name: 'Observer la couleur',
+      text: 'Examinez attentivement la couleur de la peau, du vert au brun foncé, pour déterminer le stade actuel de maturité.',
     },
     {
-      name: 'Use the simulator',
-      text: 'Slide the ripeness indicator to see accurate predictions about when it reaches the next stage.',
+      name: 'Utiliser le simulateur',
+      text: 'Faites glisser l\'indicateur de maturité pour voir des prédictions précises sur le moment où elle atteindra la prochaine étape.',
     },
     {
-      name: 'Adjust conditions',
-      text: 'Modify temperature and humidity to see how they affect ripening speed.',
+      name: 'Ajuster les conditions',
+      text: 'Modifiez la température et l\'humidité pour voir comment elles affectent la vitesse de maturation.',
     },
     {
-      name: 'Apply conservation',
-      text: 'Follow specific conservation and acceleration recommendations based on current stage.',
+      name: 'Appliquer la conservation',
+      text: 'Suivez les recommandations spécifiques de conservation et d\'accélération selon le stade actuel.',
     },
   ];
 
@@ -73,75 +73,75 @@ const appSchema = {
 
 export const content: ToolLocaleContent = {
   slug: 'banana-ripeness',
-  title: 'Banana Diagnostics and Conservation: Scientific Guide',
-  description: 'Analyze your banana ripening stage with scientific precision. Learn conservation techniques, ethylene biochemistry, and nutritional optimization.',
+  title: 'Diagnostic et Conservation des Bananes : Guide Scientifique',
+  description: 'Analysez le stade de maturité de vos bananes avec une précision scientifique. Apprenez les techniques de conservation, la biochimie de l\'éthylène et l\'optimisation nutritionnelle.',
   faqTitle: 'Questions Fréquemment Posées',
   bibliographyTitle: 'Sources et Références',
   ui: {
-    ripesnessLabel: 'Ripeness State',
-    nextStageLabel: 'Next Stage in',
-    daysUnit: 'Days',
-    tempLabel: 'Temperature',
-    humidityLabel: 'Humidity',
-    partnerToggleTitle: 'Climacteric Companion',
-    partnerToggleSubtitle: 'External ethylene effect',
+    ripesnessLabel: 'État de Maturité',
+    nextStageLabel: 'Prochaine Étape dans',
+    daysUnit: 'Jours',
+    tempLabel: 'Température',
+    humidityLabel: 'Humidité',
+    partnerToggleTitle: 'Accompagnement Climatérique',
+    partnerToggleSubtitle: 'Effet de l\'éthylène externe',
     conservationTitle: 'Conservation',
-    accelerationTitle: 'Acceleration',
-    stage1Name: 'Emerald Green',
-    stage1Desc: 'Maximum resistant starch content. Full firmness.',
-    stage1Conservation: 'Room temperature (18-20°C). Avoid cold (<12°C).',
-    stage1Acceleration: 'Paper bag with a ripe apple or tomato.',
-    stage2Name: 'Radiant Yellow',
-    stage2Desc: 'Perfect balance between firmness and initial sweetness.',
-    stage2Conservation: 'Cool place, separate from bunch to slow ethylene.',
-    stage2Acceleration: 'Keep in bunch and wrap in plastic.',
-    stage3Name: 'Sweet Spotted',
-    stage3Desc: 'Antioxidant peak. Intense sweetness and creamy texture.',
-    stage3Conservation: 'Refrigerate to preserve pulp (though skin darkens).',
-    stage3Acceleration: 'Gentle heat (near heat source, not direct).',
-    stage4Name: 'Ripe Cinnamon',
-    stage4Desc: 'Very soft texture. Ideal for sugar-free baking.',
-    stage4Conservation: 'Peel and freeze immediately.',
-    stage4Acceleration: 'Already reached its peak.',
-    stage5Name: 'Overripe / Fermented',
-    stage5Desc: 'Advanced degradation process.',
-    stage5Conservation: 'Not recommended for direct consumption.',
+    accelerationTitle: 'Accélération',
+    stage1Name: 'Vert Émeraude',
+    stage1Desc: 'Teneur maximale en amidon résistant. Fermeté totale.',
+    stage1Conservation: 'Température ambiante (18-20°C). Éviter le froid (<12°C).',
+    stage1Acceleration: 'Sac en papier avec une pomme ou une tomate mûre.',
+    stage2Name: 'Jaune Éclatant',
+    stage2Desc: 'Équilibre parfait entre fermeté et douceur initiale.',
+    stage2Conservation: 'Endroit frais, séparer du régime pour ralentir l\'éthylène.',
+    stage2Acceleration: 'Garder en régime et envelopper dans du plastique.',
+    stage3Name: 'Tachetée Sucrée',
+    stage3Desc: 'Pic d\'antioxydants. Douceur intense et texture crémeuse.',
+    stage3Conservation: 'Réfrigérer pour préserver la pulpe (bien que la peau noircisse).',
+    stage3Acceleration: 'Chaleur douce (près d\'une source de chaleur, pas directe).',
+    stage4Name: 'Mûre Cannelle',
+    stage4Desc: 'Texture très molle. Idéal pour la pâtisserie sans sucre.',
+    stage4Conservation: 'Éplucher et congeler immédiatement.',
+    stage4Acceleration: 'A déjà atteint son apogée.',
+    stage5Name: 'Trop Mûre / Fermentée',
+    stage5Desc: 'Processus de dégradation avancé.',
+    stage5Conservation: 'Non recommandé pour la consommation directe.',
     stage5Acceleration: 'N/A',
   },
   faq: [
     {
-      question: 'Why do bananas turn black in the fridge?',
-      answer: 'Cold breaks down cell walls in the peel, releasing enzymes that oxidize phenols and create black polyphenols. However, the inside usually stays firm and sweet longer than outside.',
+      question: 'Pourquoi les bananes deviennent-elles noires au réfrigérateur ?',
+      answer: "Le froid rompt les parois cellulaires de la peau, libérant des enzymes qui oxydent les phénols et créent des polyphénols noirs. Cependant, l'intérieur reste généralement ferme et sucré plus longtemps qu'à l'extérieur.",
     },
     {
-      question: 'How can I ripen a banana quickly?',
-      answer: 'Put them in a closed paper bag with an apple or tomato. These emit ethylene gas, which accelerates ripening. If in a hurry, you can put them in the oven at low temperature for a few minutes.',
+      question: 'Comment faire mûrir une banane rapidement ?',
+      answer: 'Placez-les dans un sac en papier fermé avec une pomme ou une tomate. Celles-ci émettent de l\'éthylène, un gaz qui accélère la maturité. Si vous êtes pressé, vous pouvez les mettre quelques minutes au four à basse température.',
     },
     {
-      question: 'Is it safe to eat spotted bananas?',
-      answer: 'Yes, totally. Spots indicate starch has converted to sugar, making them sweeter and more digestible. Only discard if they have mold, smell bad, or are excessively soft.',
+      question: 'Est-il prudent de manger des bananes tachetées ?',
+      answer: 'Oui, tout à fait. Les taches indiquent que l\'amidon s\'est transformé en sucre, les rendant plus sucrées et digestes. Ne les jetez que si elles présentent de la moisissure, une mauvaise odeur ou sont excessivement molles.',
     },
     {
-      question: 'What is ethylene?',
-      answer: 'It\'s a plant hormone in gas form that regulates growth and ripening. Banana is a climacteric fruit, meaning it continues producing ethylene and ripening after harvest.',
+      question: 'Qu\'est-ce que l\'éthylène ?',
+      answer: 'C\'est une hormone végétale sous forme de gaz qui régule la croissance et la maturation. La banane est un fruit climatérique, ce qui signifie qu\'elle continue à produire de l\'éthylène et à mûrir après sa récolte.',
     },
   ],
   howTo: [
     {
-      name: 'Observe the color',
-      text: 'Carefully examine peel color, from green to dark brown, to determine current ripening stage.',
+      name: 'Observer la couleur',
+      text: 'Examinez attentivement la couleur de la peau, du vert au brun foncé, pour déterminer le stade actuel de maturité.',
     },
     {
-      name: 'Use the simulator',
-      text: 'Slide the ripeness indicator to see accurate predictions about when it reaches the next stage.',
+      name: 'Utiliser le simulateur',
+      text: 'Faites glisser l\'indicateur de maturité pour voir des prédictions précises sur le moment où elle atteindra la prochaine étape.',
     },
     {
-      name: 'Adjust conditions',
-      text: 'Modify temperature and humidity to see how they affect ripening speed.',
+      name: 'Ajuster les conditions',
+      text: 'Modifiez la température et l\'humidité pour voir comment elles affectent la vitesse de maturation.',
     },
     {
-      name: 'Apply conservation',
-      text: 'Follow specific conservation and acceleration recommendations based on current stage.',
+      name: 'Appliquer la conservation',
+      text: 'Suivez les recommandations spécifiques de conservation et d\'accélération selon le stade actuel.',
     },
   ],
   bibliography: [
@@ -161,87 +161,87 @@ export const content: ToolLocaleContent = {
   seo: [
     {
       type: 'title',
-      text: 'Science of Ripening in Musa × paradisiaca',
+      text: 'Science de la maturation chez la Musa × paradisiaca',
       level: 2,
     },
     {
       type: 'paragraph',
-      html: 'Banana is one of the most consumed fruits in the world, yet also one of the most biologically misunderstood. Unlike non-climacteric fruits like citrus or grapes, banana is a <strong>climacteric fruit</strong>. This means it continues ripening after harvest, drastically increasing cellular respiration and production of a critical gaseous phytohormone: <strong>ethylene</strong>.',
+      html: 'La banane est l\'un des fruits les plus consommés au monde, mais aussi l\'un des plus mal compris biologiquement. Contrairement aux fruits non climatériques comme les agrumes ou les raisins, la banane est un <strong>fruit climatérique</strong>. Cela signifie qu\'elle continue à mûrir après la récolte, augmentant considérablement la respiration cellulaire et la production d\'une phytohormone gazeuse cruciale : <strong>l\'éthylène</strong>.',
     },
     {
       type: 'paragraph',
-      html: 'From a biochemical perspective, ripening is a cascade of enzymatic events. During this process, enzymes like amylase break down complex carbohydrates (starches) into simple sugars (fructose, glucose, and sucrose). This change not only alters flavor, making it sweeter, but also modifies texture by degrading pectin in cell walls, resulting in that soft, creamy consistency characterizing ripe banana.',
+      html: 'D\'un point de vue biochimique, la maturation est une cascade d\'événements enzymatiques. Au cours de ce processus, des enzymes comme l\'amylase décomposent les glucides complexes (amidons) en sucres simples (fructose, glucose et saccharose). Ce changement alterne non seulement la saveur, la rendant plus sucrée, mais modifie également la texture en dégradant la pectine des parois cellulaires, ce qui donne cette consistance douce et crémeuse caractérisant la banane mûre.',
     },
     {
       type: 'title',
-      text: 'The Ethylene Cycle',
+      text: 'Le Cycle de l\'Éthylène',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: 'Ethylene functions as a biological switch. Once fruit detects small ethylene concentration, it activates genes responsible for producing more ethylene, creating a positive feedback loop. This is why a very ripe banana accelerates ripening of all neighbors in the fruit bowl. To slow this process, it\'s vital to isolate specimens already showing brown spots from those still green.',
+      html: 'L\'éthylène fonctionne comme un interrupteur biologique. Une fois que le fruit détecte une faible concentration d\'éthylène, il active les gènes responsables de la production de plus d\'éthylène, créant une boucle de rétroaction positive. C\'est pourquoi une banane très mûre accélère la maturation de toutes ses voisines dans le compotier. Pour ralentir ce processus, il est vital d\'isoler les spécimens présentant déjà des taches brunes de ceux encore verts.',
     },
     {
       type: 'title',
-      text: 'The Refrigerator Myth',
+      text: 'Le Mythe du Réfrigérateur',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: 'There\'s a popular belief that bananas shouldn\'t go in the fridge. Reality is more complex: cold (below 12°C) causes chilling injury in peel cells, releasing enzymes that oxidize phenols and turn skin black. However, this only affects appearance. If the inside has already reached desired ripeness, cold will almost completely halt pulp softening, preserving flavor and texture for several additional days.',
+      html: 'Il existe une croyance populaire selon laquelle les bananes ne devraient pas aller au réfrigérateur. La réalité est plus complexe : le froid (en dessous de 12°C) cause des dommages dus au refroidissement dans les cellules de la peau, libérant des enzymes qui oxydent les phénols et font noircir la peau. Cependant, cela n\'affecte que l\'apparence. Si l\'intérieur a déjà atteint la maturité souhaitée, le froid arrêtera presque complètement le ramollissement de la pulpe, préservant la saveur et la texture pendant plusieurs jours supplémentaires.',
     },
     {
       type: 'title',
-      text: 'Advanced Conservation Strategies',
+      text: 'Stratégies de Conservation Avancées',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: '<strong>Crown Wrapping:</strong> Wrapping the stem of a banana bunch with plastic wrap dramatically reduces ethylene release, extending commercial shelf life by up to 72 additional hours.',
+      html: '<strong>Emballage de la couronne :</strong> Envelopper la tige d\'un régime de bananes avec du film plastique réduit considérablement la libération d\'éthylène, prolongeant la durée de conservation commerciale jusqu\'à 72 heures supplémentaires.',
     },
     {
       type: 'paragraph',
-      html: '<strong>Dynamic Suspension:</strong> Hanging bananas prevents pressure bruising. Damaged tissues release ethylene faster, creating hotspots of accelerated ripening that spread through the fruit.',
+      html: '<strong>Suspension Dynamique :</strong> Suspendre les bananes évite les meurtrissures dues à la pression. Les tissus endommagés libèrent de l\'éthylène plus rapidement, créant des points chauds de maturation accélérée qui se propagent à travers le fruit.',
     },
     {
       type: 'paragraph',
-      html: '<strong>Cryotherapy (Freezing):</strong> For bananas in stage 4 (brown), freezing is best option. Peeling fruit before freezing prevents trapped moisture, maintaining fiber quality.',
+      html: '<strong>Cryothérapie (Congélation) :</strong> Pour les bananes au stade 4 (brune), la congélation est la meilleure option. Éplucher le fruit avant de le congeler empêche l\'humidité d\'être piégée, préservant la qualité des fibres.',
     },
     {
       type: 'title',
-      text: 'Nutritional Changes by Stage',
+      text: 'Changements Nutritionnels par Étape',
       level: 2,
     },
     {
       type: 'paragraph',
-      html: 'As banana ripens, its nutritional profile transforms dramatically, allowing it to be used as a specific dietary tool according to consumer objectives.',
+      html: 'À mesure que la banane mûrit, son profil nutritionnel se transforme radicalement, ce qui lui permet d\'être utilisée comme un outil diététique spécifique selon les objectifs du consommateur.',
     },
     {
       type: 'table',
-      headers: ['Stage', 'Resistant Starch', 'Characteristics', 'Main Benefit'],
+      headers: ['Stade', 'Amidons Résistants', 'Caractéristiques', 'Bénéfice Principal'],
       rows: [
-        ['Green (1-2)', '~80%', 'Very firm, maximum starch content', 'Gut health and glycemic control'],
-        ['Yellow (3)', '~5%', 'Balance of firmness and sweetness', 'Quick energy and B vitamins'],
-        ['Spotted (4)', 'Minimal', 'Very soft, high sugar content', 'Maximum antioxidant potential'],
-        ['Brown/Overripe (5)', 'Practically none', 'Very soft texture, advanced fermentation', 'Not recommended for consumption'],
+        ['Vert (1-2)', '~80%', 'Très ferme, teneur maximale en amidon', 'Santé intestinale et contrôle glycémique'],
+        ['Jaune (3)', '~5%', 'Équilibre entre fermeté et douceur', 'Énergie rapide et vitamines B'],
+        ['Tachetée (4)', 'Minimal', 'Très molle, haute teneur en sucre', 'Potentiel antioxydant maximal'],
+        ['Brune (5)', 'Pratiquement nul', 'Texture très molle, fermentation avancée', 'Non recommandé pour la consommation'],
       ],
     },
     {
       type: 'title',
-      text: 'Conclusion and Practical Application',
+      text: 'Conclusion et Application Pratique',
       level: 2,
     },
     {
       type: 'list',
       items: [
-        '<strong>Reduce food waste:</strong> Precise banana stage diagnosis enables identifying optimal consumption moment, preventing valuable fruit loss.',
-        '<strong>Optimize nutritional benefits:</strong> From resistant starch in green for gut health to antioxidants in spotted for maximum antioxidant potential.',
-        '<strong>Plan strategic consumption:</strong> Adapt banana use according to your health objectives: glycemic control, quick energy, digestion, or antioxidants.',
+        '<strong>Réduire le gaspillage alimentaire :</strong> Un diagnostic précis du stade de la banane permet d\'identifier le moment de consommation optimal, évitant ainsi la perte de fruits précieux.',
+        '<strong>Optimiser les bénéfices nutritionnels :</strong> De l\'amidon résistant des bananes vertes pour la santé intestinale aux antioxydants des bananes tachetées pour un potentiel antioxydant maximal.',
+        '<strong>Planifier une consommation stratégique :</strong> Adaptez l\'utilisation des bananes selon vos objectifs de santé : contrôle glycémique, énergie rapide, digestion ou antioxydants.',
       ],
     },
     {
       type: 'tip',
-      html: '<strong>Degradation Alert:</strong> External factors like relative humidity over 85% or temperatures above 25°C can drastically accelerate degradation, taking banana from optimal to inedible in hours. This simulator helps you anticipate these changes and plan strategically.',
+      html: '<strong>Alerte de Dégradation :</strong> Des facteurs externes comme une humidité relative supérieure à 85 % ou des températures supérieures à 25 °C peuvent accélérer considérablement la dégradation, faisant passer la banane d\'optimale à immangeable en quelques heures. Ce simulateur vous aide à anticiper ces changements et à planifier de manière stratégique.',
     },
   ],
   schemas: [faqSchema, howToSchema, appSchema],

package/src/tool/brine/component.astro

@@ -1,8 +1,6 @@
 ---
-import type { ToolLocaleContent } from "../../types";
-
 interface Props {
-  ui: ToolLocaleContent["ui"];
+  ui: Record<string, string>;
 }
 
 const { ui } = Astro.props;
@@ -438,7 +436,7 @@ const { ui } = Astro.props;
     }
   }
 
-  .brine-visualization {
+  :global(.brine-visualization) {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -448,7 +446,7 @@ const { ui } = Astro.props;
     position: relative;
   }
 
-  .brine-jar {
+  :global(.brine-jar) {
     position: relative;
     width: 12rem;
     height: 16rem;
@@ -460,7 +458,7 @@ const { ui } = Astro.props;
     overflow: hidden;
   }
 
-  .brine-jar-cap {
+  :global(.brine-jar-cap) {
     position: absolute;
     top: -0.25rem;
     left: 50%;
@@ -471,7 +469,7 @@ const { ui } = Astro.props;
     border-radius: 0.5rem 0.5rem 0 0;
   }
 
-  .brine-water {
+  :global(.brine-water) {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -481,7 +479,7 @@ const { ui } = Astro.props;
     height: 50%;
   }
 
-  .brine-water::before {
+  :global(.brine-water)::before {
     content: '';
     position: absolute;
     top: 0;
@@ -511,7 +509,7 @@ const { ui } = Astro.props;
     }
   }
 
-  .brine-product {
+  :global(.brine-product) {
     position: absolute;
     bottom: 1rem;
     left: 50%;
@@ -528,7 +526,7 @@ const { ui } = Astro.props;
     height: 40%;
   }
 
-  .brine-product-label {
+  :global(.brine-product-label) {
     font-size: 0.75rem;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.3);
@@ -536,7 +534,7 @@ const { ui } = Astro.props;
     letter-spacing: 0.05em;
   }
 
-  .brine-particles {
+  :global(.brine-particles) {
     position: absolute;
     inset: 0;
     pointer-events: none;
@@ -700,10 +698,10 @@ const { ui } = Astro.props;
 
   const els = {
     inputs: {
-      product: document.getElementById("weight-product") as HTMLInputElement,
-      water: document.getElementById("weight-water") as HTMLInputElement,
-      slider: document.getElementById("salinity-slider") as HTMLInputElement,
-      sugar: document.getElementById("sugar-toggle") as HTMLInputElement,
+      product: document.getElementById("weight-product"),
+      water: document.getElementById("weight-water"),
+      slider: document.getElementById("salinity-slider"),
+      sugar: document.getElementById("sugar-toggle"),
       presets: document.querySelectorAll(".preset-btn"),
     },
     displays: {
@@ -729,7 +727,7 @@ const { ui } = Astro.props;
     return { salt, sugar, totalWeight };
   };
 
-  const updateVisuals = (results: { salt: number; sugar: number; totalWeight: number }) => {
+  const updateVisuals = (results) => {
     const maxCap = 2000;
     const waterHeight = Math.min((state.water / maxCap) * 100, 90);
     if (els.vis.water) els.vis.water.style.height = `${Math.max(waterHeight, 10)}%`;
@@ -755,7 +753,7 @@ const { ui } = Astro.props;
     }
   };
 
-  const createParticle = (className: string) => {
+  const createParticle = (className) => {
     if (!els.vis.particles) return;
     const p = document.createElement("div");
     const size = Math.random() * 4 + 2;
@@ -802,7 +800,7 @@ const { ui } = Astro.props;
     return { label: ui.timePreservesLabel, text: ui.timePreservesDuration };
   };
 
-  const updateResults = (results: { salt: number; sugar: number; totalWeight: number }) => {
+  const updateResults = (results) => {
     if (els.displays.saltResult)
       els.displays.saltResult.textContent = Math.round(results.salt).toString();
     if (els.displays.sugarResult)
@@ -836,25 +834,25 @@ const { ui } = Astro.props;
 
   if (els.inputs.product)
     els.inputs.product.addEventListener("input", (e) => {
-      state.product = parseFloat((e.target as HTMLInputElement).value) || 0;
+      state.product = parseFloat(e.target.value) || 0;
       update();
     });
 
   if (els.inputs.water)
     els.inputs.water.addEventListener("input", (e) => {
-      state.water = parseFloat((e.target as HTMLInputElement).value) || 0;
+      state.water = parseFloat(e.target.value) || 0;
       update();
     });
 
   if (els.inputs.slider)
     els.inputs.slider.addEventListener("input", (e) => {
-      state.salinity = parseFloat((e.target as HTMLInputElement).value);
+      state.salinity = parseFloat(e.target.value);
       update();
     });
 
   if (els.inputs.sugar)
     els.inputs.sugar.addEventListener("change", (e) => {
-      state.sugar = (e.target as HTMLInputElement).checked;
+      state.sugar = e.target.checked;
       update();
     });
 

package/src/tool/cookware-guide/component.astro

@@ -171,6 +171,7 @@ const { ui } = Astro.props;
 		--cw-border: hsl(210deg, 14%, 89%);
 		--cw-text-main: hsl(210deg, 40%, 14%);
 		--cw-text-muted: hsl(210deg, 8%, 40%);
+		--cw-text-light: hsl(210deg, 40%, 98%);
 		--cw-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
 		--cw-radius: 1.5rem;
 	}
@@ -180,8 +181,9 @@ const { ui } = Astro.props;
 		--cw-bg-app: hsl(217deg, 39%, 8%);
 		--cw-border: hsl(217deg, 33%, 25%);
 		--cw-text-main: hsl(210deg, 40%, 98%);
-		--cw-text-muted: hsl(210deg, 14%, 55%);
-		--cw-primary-light: hsl(240deg, 100%, 12%);
+		--cw-text-muted: hsl(210deg, 14%, 75%);
+		--cw-text-light: hsl(210deg, 40%, 98%);
+		--cw-primary-light: hsl(240deg, 100%, 20%);
 	}
 </style>
 
@@ -318,7 +320,16 @@ const { ui } = Astro.props;
 	}
 
 	:global(.theme-dark) .cw-style-btn.active {
-		background: hsl(240deg, 100%, 20%);
+		background: hsl(240deg, 100%, 35%);
+		color: hsl(0deg, 0%, 100%);
+	}
+
+	:global(.theme-dark) .cw-style-btn.active .cw-style-name {
+		color: hsl(0deg, 0%, 100%);
+	}
+
+	:global(.theme-dark) .cw-style-btn.active .cw-style-desc {
+		color: hsl(0deg, 0%, 100%);
 	}
 
 	.cw-icon {
@@ -610,15 +621,20 @@ const { ui } = Astro.props;
 		font-size: 0.6875rem;
 		line-height: 1.6;
 		color: var(--cw-text-muted);
-		font-weight: 300;
+		font-weight: 400;
 		font-style: italic;
-		background: var(--cw-bg-card);
-		padding: 1rem;
+		background: rgba(var(--cw-primary-rgb, 99, 102, 241), 0.03);
+		padding: 1.25rem;
 		border-radius: 0.75rem;
 		border: 1px solid var(--cw-border);
 		margin: 0;
 	}
 
+	:global(.theme-dark) .cw-tip-text {
+		color: var(--cw-text-main);
+		background: rgba(255, 255, 255, 0.03);
+	}
+
 	.cw-hidden {
 		display: none;
 	}