@jjlmoya/utils-chrono 1.22.0 → 1.24.0

package/src/tool/quartz-battery-health/quartz-battery-health.css

@@ -1,4 +1,4 @@
-.tool-main-card {
+.quartz-battery-card {
   background: var(--bg-surface);
   border: 1px solid var(--border-color);
   border-radius: 1.25rem;
@@ -13,7 +13,7 @@
   overflow: hidden;
 }
 
-.battery-panel {
+.quartz-battery-card .battery-panel {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -21,13 +21,13 @@
   z-index: 1;
 }
 
-.panel-section {
+.quartz-battery-card .panel-section {
   display: flex;
   flex-direction: column;
   gap: 0.625rem;
 }
 
-.section-label {
+.quartz-battery-card .section-label {
   font-size: 0.85rem;
   font-weight: 600;
   color: var(--text-dimmed);
@@ -38,7 +38,7 @@
   gap: 0.3rem;
 }
 
-.label-optional {
+.quartz-battery-card .label-optional {
   font-size: 0.75rem;
   color: var(--text-dimmed);
   opacity: 0.65;
@@ -48,7 +48,7 @@
   margin-left: 0.25rem;
 }
 
-.battery-select {
+.quartz-battery-card .battery-select {
   width: 100%;
   padding: 0.75rem 0.875rem;
   background: var(--bg-page);
@@ -65,31 +65,31 @@
   padding-right: 2rem;
 }
 
-.battery-select:focus {
+.quartz-battery-card .battery-select:focus {
   outline: none;
   border-color: var(--accent);
 }
 
-.input-row {
+.quartz-battery-card .input-row {
   display: flex;
   gap: 0.75rem;
   align-items: flex-end;
 }
 
-.input-group {
+.quartz-battery-card .input-group {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.4rem;
 }
 
-.input-label {
+.quartz-battery-card .input-label {
   font-size: 0.85rem;
   color: var(--text-dimmed);
   font-weight: 600;
 }
 
-.stepper-wrap {
+.quartz-battery-card .stepper-wrap {
   display: flex;
   align-items: center;
   background: var(--bg-page);
@@ -99,11 +99,11 @@
   transition: border-color 0.2s;
 }
 
-.stepper-wrap:focus-within {
+.quartz-battery-card .stepper-wrap:focus-within {
   border-color: var(--accent);
 }
 
-.stepper-input {
+.quartz-battery-card .stepper-input {
   width: 100%;
   padding: 0.65rem 0.35rem;
   border: none;
@@ -116,17 +116,17 @@
   -moz-appearance: textfield;
 }
 
-.stepper-input::-webkit-inner-spin-button,
-.stepper-input::-webkit-outer-spin-button {
+.quartz-battery-card .stepper-input::-webkit-inner-spin-button,
+.quartz-battery-card .stepper-input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 
-.stepper-input:focus {
+.quartz-battery-card .stepper-input:focus {
   outline: none;
 }
 
-.stepper-btn {
+.quartz-battery-card .stepper-btn {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -142,17 +142,17 @@
   user-select: none;
 }
 
-.stepper-btn:hover {
+.quartz-battery-card .stepper-btn:hover {
   background: var(--bg-page);
   color: var(--accent);
 }
 
-.stepper-btn:active {
+.quartz-battery-card .stepper-btn:active {
   background: var(--border-base);
   transform: scale(0.95);
 }
 
-.date-input {
+.quartz-battery-card .date-input {
   width: 100%;
   padding: 0.75rem 0.875rem;
   background: var(--bg-page);
@@ -163,18 +163,18 @@
   transition: border-color 0.2s;
 }
 
-.date-input:focus {
+.quartz-battery-card .date-input:focus {
   outline: none;
   border-color: var(--accent);
 }
 
-.date-hint {
+.quartz-battery-card .date-hint {
   font-size: 0.8rem;
   color: var(--text-dimmed);
   opacity: 0.7;
 }
 
-.calc-btn {
+.quartz-battery-card .calc-btn {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -192,17 +192,17 @@
   box-shadow: 0 2px 12px rgba(99, 102, 241, 0.25);
 }
 
-.calc-btn:hover {
+.quartz-battery-card .calc-btn:hover {
   opacity: 0.9;
   transform: translateY(-1px);
   box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35);
 }
 
-.calc-btn:active {
+.quartz-battery-card .calc-btn:active {
   transform: scale(0.97);
 }
 
-.result-card {
+.quartz-battery-card .result-card {
   background: var(--bg-page);
   border: 1px solid var(--border-base);
   border-radius: 1rem;
@@ -213,7 +213,7 @@
   animation: fade-slide-in 0.3s ease;
 }
 
-.result-header {
+.quartz-battery-card .result-header {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -222,12 +222,12 @@
   font-weight: 700;
 }
 
-.life-stats {
+.quartz-battery-card .life-stats {
   display: flex;
   gap: 0.5rem;
 }
 
-.life-stat {
+.quartz-battery-card .life-stat {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -235,14 +235,14 @@
   gap: 0.25rem;
 }
 
-.stat-value {
+.quartz-battery-card .stat-value {
   font-size: 1.5rem;
   font-weight: 800;
   color: var(--text-base);
   letter-spacing: -0.02em;
 }
 
-.stat-label {
+.quartz-battery-card .stat-label {
   font-size: 0.75rem;
   font-weight: 600;
   color: var(--text-dimmed);
@@ -251,13 +251,13 @@
   text-align: center;
 }
 
-.gauge-wrap {
+.quartz-battery-card .gauge-wrap {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
-.gauge-track {
+.quartz-battery-card .gauge-track {
   width: 100%;
   height: 14px;
   background: var(--border-base);
@@ -265,44 +265,44 @@
   overflow: hidden;
 }
 
-.gauge-fill {
+.quartz-battery-card .gauge-fill {
   height: 100%;
   border-radius: 6px;
   transition: width 0.6s ease, background 0.6s ease;
 }
 
-.gauge-marks {
+.quartz-battery-card .gauge-marks {
   display: flex;
   justify-content: space-between;
   padding: 0 0.1rem;
 }
 
-.gauge-mark {
+.quartz-battery-card .gauge-mark {
   font-size: 0.7rem;
   font-weight: 700;
   color: var(--text-base);
   opacity: 0.4;
 }
 
-.gauge-mark.gauge-danger {
+.quartz-battery-card .gauge-mark.gauge-danger {
   color: var(--color-danger, #ef4444);
   opacity: 0.9;
   font-weight: 800;
 }
 
-.gauge-mark.gauge-warning {
+.quartz-battery-card .gauge-mark.gauge-warning {
   color: var(--color-warning, #f59e0b);
   opacity: 0.85;
   font-weight: 800;
 }
 
-.gauge-mark.gauge-ok {
+.quartz-battery-card .gauge-mark.gauge-ok {
   color: var(--color-success, #22c55e);
   opacity: 0.85;
   font-weight: 800;
 }
 
-.health-row {
+.quartz-battery-card .health-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -312,13 +312,13 @@
   border-radius: 0.75rem;
 }
 
-.health-label {
+.quartz-battery-card .health-label {
   font-size: 0.9rem;
   font-weight: 600;
   color: var(--text-dimmed);
 }
 
-.health-badge {
+.quartz-battery-card .health-badge {
   font-size: 0.85rem;
   font-weight: 700;
   color: var(--text-on-primary, #fff);
@@ -327,7 +327,7 @@
   background: var(--color-success, #22c55e);
 }
 
-.change-date-row {
+.quartz-battery-card .change-date-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -337,26 +337,26 @@
   border-radius: 0.75rem;
 }
 
-.change-date-label {
+.quartz-battery-card .change-date-label {
   font-size: 0.9rem;
   font-weight: 600;
   color: var(--text-dimmed);
 }
 
-.change-date-value {
+.quartz-battery-card .change-date-value {
   font-size: 1rem;
   font-weight: 700;
   color: var(--text-base);
 }
 
-.change-date-hint {
+.quartz-battery-card .change-date-hint {
   font-size: 0.85rem;
   color: var(--text-dimmed);
   opacity: 0.7;
   text-align: center;
 }
 
-.steps-section {
+.quartz-battery-card .steps-section {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -366,13 +366,13 @@
   border: 1px solid var(--border-base);
 }
 
-.step-row {
+.quartz-battery-card .step-row {
   display: flex;
   align-items: center;
   gap: 0.875rem;
 }
 
-.step-marker {
+.quartz-battery-card .step-marker {
   width: 1.5rem;
   height: 1.5rem;
   border-radius: 50%;
@@ -386,14 +386,14 @@
   flex-shrink: 0;
 }
 
-.step-text {
+.quartz-battery-card .step-text {
   font-size: 0.9rem;
   color: var(--text-base);
   line-height: 1.45;
   opacity: 0.85;
 }
 
-.tip-row {
+.quartz-battery-card .tip-row {
   display: flex;
   gap: 0.625rem;
   padding: 0.875rem 1.125rem;
@@ -402,13 +402,13 @@
   border: 1px solid var(--border-base);
 }
 
-.tip-icon {
+.quartz-battery-card .tip-icon {
   flex-shrink: 0;
   margin-top: 0.1rem;
   color: var(--accent);
 }
 
-.tip-text {
+.quartz-battery-card .tip-text {
   font-size: 0.9rem;
   color: var(--text-base);
   line-height: 1.5;
@@ -427,21 +427,39 @@
 }
 
 @media (max-width: 520px) {
-  .tool-main-card {
+  .quartz-battery-card {
     padding: 1.25rem;
     gap: 1.5rem;
+    max-width: 100%;
+    border-radius: 0.875rem;
   }
 
-  .input-row {
+  .quartz-battery-card .input-row {
     flex-direction: column;
     gap: 0.5rem;
+    align-items: stretch;
   }
 
-  .life-stats {
-    flex-wrap: wrap;
+  .quartz-battery-card .life-stats {
+    display: grid;
+    grid-template-columns: 1fr;
   }
 
-  .life-stat {
-    min-width: 30%;
+  .quartz-battery-card .life-stat {
+    min-width: 0;
+    padding: 0.5rem;
+    border-radius: 0.75rem;
+    background: var(--bg-surface);
+  }
+
+  .quartz-battery-card .health-row,
+  .quartz-battery-card .change-date-row {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .quartz-battery-card .stat-value,
+  .quartz-battery-card .change-date-value {
+    overflow-wrap: anywhere;
   }
 }

package/src/tool/sidereal-time-tracker/component.astro

@@ -8,7 +8,7 @@ interface Props {
 const { ui } = Astro.props;
 ---
 
-<div class="tool-main-card" data-ui={JSON.stringify(ui)}>
+<div class="sidereal-time-shell" data-ui={JSON.stringify(ui)}>
   <SiderealPanel labels={ui} />
 </div>
 

package/src/tool/sidereal-time-tracker/sidereal-time-tracker.css

@@ -24,13 +24,15 @@
   max-width: 1200px;
   margin: 0 auto;
   border: 1px solid var(--sid-border);
+  box-sizing: border-box;
+  overflow: hidden;
 }
 
 
 
 .sid-grid {
   display: grid;
-  grid-template-columns: 1.2fr 1fr;
+  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
   gap: 2.5rem;
   margin-top: 1.5rem;
 }
@@ -65,11 +67,13 @@
   align-items: center;
   position: relative;
   padding: 2rem;
+  min-width: 0;
 }
 
 .sid-svg-clock {
   width: 100%;
   max-width: 420px;
+  min-width: 0;
   height: auto;
   filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
 }
@@ -96,6 +100,7 @@
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
+  min-width: 0;
 }
 
 .sid-card-panel {
@@ -111,6 +116,8 @@
   align-items: center;
   padding: 0.75rem 0;
   border-bottom: 1px solid var(--sid-border);
+  gap: 1rem;
+  min-width: 0;
 }
 
 
@@ -122,6 +129,7 @@
 .sid-readout-label {
   font-size: 0.95rem;
   color: var(--sid-text-muted);
+  min-width: 0;
 }
 
 .sid-readout-value {
@@ -129,6 +137,8 @@
   font-weight: 600;
   font-variant-numeric: tabular-nums;
   color: var(--sid-text);
+  overflow-wrap: anywhere;
+  text-align: right;
 }
 
 .sid-readout-value.sid-gold-text {
@@ -200,10 +210,12 @@
 .sid-speed-btn-row {
   display: flex;
   gap: 0.5rem;
+  min-width: 0;
 }
 
 .sid-speed-btn-row button {
   flex: 1;
+  min-width: 0;
 }
 
 .sid-tip-box {
@@ -255,3 +267,50 @@
   background: color-mix(in srgb, var(--sid-gold) 10%, transparent);
   transform: scale(1.1);
 }
+
+@media (max-width: 520px) {
+  .sid-card {
+    padding: 1rem;
+    border-radius: 0.875rem;
+    max-width: 100%;
+  }
+
+  .sid-grid {
+    gap: 1rem;
+    margin-top: 0;
+  }
+
+  .sid-dial-container {
+    padding: 0.25rem;
+  }
+
+  .sid-svg-clock {
+    max-width: min(100%, 320px);
+  }
+
+  .sid-card-panel {
+    padding: 1rem;
+    border-radius: 0.875rem;
+  }
+
+  .sid-readout-row {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .sid-readout-value {
+    width: 100%;
+    text-align: left;
+    font-size: 1rem;
+  }
+
+  .sid-speed-btn-row {
+    flex-wrap: wrap;
+  }
+
+  .sid-btn-toggle {
+    padding: 0.5rem 0.65rem;
+    font-size: 0.8rem;
+  }
+}

package/src/tool/tachymeter-calculator/i18n/es.ts

@@ -5,7 +5,7 @@ import { bibliography } from '../bibliography';
 export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   slug: 'calculadora-taquimetrica',
   title: 'Calculadora Taquimetrica: Velocidad desde tiempo transcurrido',
-  description: 'Calcula la velocidad a partir del tiempo transcurrido usando la formula del taquimetro. Funciona con cualquier cronografo que tenga una escala taquimetrica en el bisel.',
+  description: 'Calcula la velocidad a partir del tiempo transcurrido usando la fórmula del taquímetro. Funciona con cualquier cronógrafo que tenga una escala taquimétrica en el bisel.',
   ui: {
     title: 'Calculadora Taquimetrica',
     timeLabel: 'Tiempo Transcurrido (segundos)',
@@ -56,23 +56,23 @@ export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   ],
   faq: [
     {
-      question: 'Como se usa un bisel taquimetrico en mi reloj?',
+      question: '¿Como se usa un bisel taquimetrico en mi reloj?',
       answer: 'Pon en marcha el cronografo en un punto de referencia (p. ej., un hito de carretera). Detenlo despues de exactamente 1 km (o 1 milla). La manecilla de segundos apunta a la velocidad en la escala del bisel. Por ejemplo, si tardaste 36 segundos en recorrer 1 km, la manecilla apunta a 100, lo que significa 100 km/h.',
     },
     {
-      question: 'Que pasa si mi tiempo transcurrido es mas rapido de lo que el bisel puede leer?',
+      question: '¿Que pasa si mi tiempo transcurrido es mas rapido de lo que el bisel puede leer?',
       answer: 'Algunos taquimetros solo llegan hasta 400 o 500. Si recorres 1 km en menos de 9 segundos, usa una distancia base mayor. Recorre 2 km y divide la lectura del bisel entre 2, o recorre 3 km y divide entre 3.',
     },
     {
-      question: 'Que pasa si mi tiempo transcurrido es mas lento de lo que el bisel puede leer?',
+      question: '¿Que pasa si mi tiempo transcurrido es mas lento de lo que el bisel puede leer?',
       answer: 'Usa una distancia base mas corta. Por ejemplo, si tardas 90 segundos en recorrer 1 km, recorre 0.5 km en su lugar. Lee el bisel y multiplica por 2. La escala taquimetrica estandar cubre tiempos de aproximadamente 7 a 60 segundos.',
     },
     {
-      question: 'Puedo usar un taquimetro para algo mas que la velocidad?',
+      question: '¿Puedo usar un taquimetro para algo mas que la velocidad?',
       answer: 'Si. El taquimetro mide cualquier tasa por hora. Por ejemplo, mide cuanto tiempo se tarda en completar una tarea y la escala muestra cuantas puedes hacer por hora. En fabricacion, una tarea de 30 segundos significa 120 unidades por hora.',
     },
     {
-      question: 'Todos los taquimetros usan la misma escala?',
+      question: '¿Todos los taquimetros usan la misma escala?',
       answer: 'La mayoria usa la escala logaritmica estandar basada en la formula 3.600 ÷ segundos. Sin embargo, algunos relojes antiguos o marcas pueden tener variaciones. La escala fisica tambien puede estar limitada por el minutero y las marcas del bisel.',
     },
   ],

package/src/tool/tachymeter-calculator/i18n/fr.ts

@@ -5,7 +5,7 @@ import { bibliography } from '../bibliography';
 export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   slug: 'calculateur-tachymetre',
   title: 'Calculateur Tachymetre: Vitesse depuis le temps ecoule',
-  description: 'Calculez la vitesse a partir du temps ecoule en utilisant la formule du tachymetre. Fonctionne avec tout chronographe possedant une echelle tachymetrique sur la lunette.',
+  description: 'Calculez la vitesse à partir du temps écoulé en utilisant la formule du tachymètre. Fonctionne avec tout chronographe possédant une échelle tachymétrique sur la lunette.',
   ui: {
     title: 'Calculateur Tachymetre',
     timeLabel: 'Temps Ecoule (secondes)',

package/src/tool/tachymeter-calculator/i18n/it.ts

@@ -5,7 +5,7 @@ import { bibliography } from '../bibliography';
 export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   slug: 'calcolatore-tachimetro',
   title: 'Calcolatore Tachimetro: Velocita dal tempo trascorso',
-  description: 'Calcola la velocita dal tempo trascorso usando la formula del tachimetro. Funziona con qualsiasi cronografo dotato di scala tachimetrica sulla lunetta.',
+  description: 'Calcola la velocità dal tempo trascorso usando la formula del tachimetro. Funziona con qualsiasi cronografo dotato di scala tachimetrica sulla lunetta; è utile anche per più misure.',
   ui: {
     title: 'Calcolatore Tachimetro',
     timeLabel: 'Tempo Trascorso (secondi)',

package/src/tool/tachymeter-calculator/i18n/pl.ts

@@ -5,7 +5,7 @@ import { bibliography } from '../bibliography';
 export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   slug: 'kalkulator-tachymetru',
   title: 'Kalkulator Tachymetru: Predkosc z czasu pomiaru',
-  description: 'Oblicz predkosc z czasu pomiaru za pomoca wzoru tachymetrycznego. Dziala z kazdym chronografem wyposazonym w skale tachymetryczna na bezelu.',
+  description: 'Oblicz prędkość z czasu pomiaru za pomocą wzoru tachymetrycznego. Działa z każdym chronografem wyposażonym w skalę tachymetryczną na bezelu.',
   ui: {
     title: 'Kalkulator Tachymetru',
     timeLabel: 'Czas pomiaru (sekundy)',

package/src/tool/tachymeter-calculator/i18n/pt.ts

@@ -5,7 +5,7 @@ import { bibliography } from '../bibliography';
 export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   slug: 'calculadora-taquimetrica-ptbr',
   title: 'Calculadora Taquimetrica: Velocidade a partir do tempo decorrido',
-  description: 'Calcule a velocidade a partir do tempo decorrido usando a formula do taquimetro. Funciona com qualquer cronografo que tenha uma escala taquimetrica no bisel.',
+  description: 'Calcule a velocidade a partir do tempo decorrido usando a fórmula do taquímetro. Funciona com qualquer cronógrafo que tenha uma escala taquimétrica no bisel.',
   ui: {
     title: 'Calculadora Taquimetrica',
     timeLabel: 'Tempo Decorrido (segundos)',

package/src/tool/tachymeter-calculator/i18n/tr.ts

@@ -5,7 +5,7 @@ import { bibliography } from '../bibliography';
 export const content: ToolLocaleContent<TachymeterCalculatorUI> = {
   slug: 'takimetre-hesaplayici',
   title: 'Takimetre Hesaplayici: Gecen Sureden Hiz Hesaplama',
-  description: 'Takimetre formulunu kullanarak gecen sureden hiz hesaplayin. Takimetre bezel olcegine sahip herhangi bir kronograf saatle calisir.',
+  description: 'Takimetre formülünü kullanarak geçen süreden hız hesaplayın. Takimetre bezel ölçeğine sahip herhangi bir kronograf saatle çalışır.',
   ui: {
     title: 'Takimetre Hesaplayici',
     timeLabel: 'Gecen Sure (saniye)',

package/src/tool/telemeter-calculator/component.astro

@@ -8,7 +8,7 @@ interface Props {
 const { ui } = Astro.props;
 ---
 
-<div class="tool-main-card" data-ui={JSON.stringify(ui)}>
+<div class="telemeter-shell" data-ui={JSON.stringify(ui)}>
   <TelemeterPanel labels={ui} />
 </div>
 

package/src/tool/telemeter-calculator/i18n/es.ts

@@ -66,7 +66,7 @@ export const content: ToolLocaleContent<TelemeterCalculatorUI> = {
     distanceResult: 'Distancia Medida',
     elapsedTime: 'Tiempo Transcurrido',
     historyTitle: 'Historial de Mediciones',
-    noHistory: '¡No hay mediciones aún. Inicia un cálculo arriba!',
+    noHistory: '¡No hay mediciones aún. ¡Inicia un cálculo arriba!',
     sec: 's',
     km: 'km',
     m: 'm',