@jjlmoya/utils-science 1.1.0

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@jjlmoya/utils-science",
+  "version": "1.1.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./data": "./src/data.ts"
+  },
+  "files": [
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "lint": "eslint src/ --max-warnings 0 && stylelint \"src/**/*.{css,astro}\"",
+    "check": "astro check",
+    "type-check": "astro check",
+    "test": "vitest run",
+    "preversion": "npm run lint && npm run test",
+    "postversion": "git push && git push --tags",
+    "patch": "npm version patch",
+    "minor": "npm version minor",
+    "major": "npm version major"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,astro}": [
+      "eslint --fix"
+    ]
+  },
+  "dependencies": {
+    "@iconify-json/mdi": "^1.2.3",
+    "@jjlmoya/utils-shared": "1.0.2",
+    "astro": "^6.1.2",
+    "astro-icon": "^1.1.0"
+  },
+  "peerDependencies": {
+    "leaflet": "^1.9.4"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.8",
+    "eslint": "^9.39.4",
+    "eslint-plugin-astro": "^1.6.0",
+    "eslint-plugin-no-comments": "^1.1.10",
+    "husky": "^9.1.7",
+    "leaflet": "^1.9.4",
+    "lint-staged": "^16.4.0",
+    "postcss-html": "^1.8.1",
+    "schema-dts": "^1.1.2",
+    "stylelint": "^17.6.0",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-declaration-strict-value": "^1.11.1",
+    "typescript": "^5.4.0",
+    "typescript-eslint": "^8.58.0",
+    "vitest": "^4.1.2"
+  }
+}

package/src/category/i18n/en.ts

@@ -0,0 +1,97 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'science',
+  title: 'Interactive Scientific Tools and Simulators',
+  description: 'Explore science with free online tools. Asteroid impact simulators, bacterial colony counting, simulation probability, and cellular renewal calculators.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Scientific Exploration and Simulation: Science in Your Hands',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Science is not merely a static body of knowledge, but a dynamic process of exploration and experimentation. In this section, we offer free online tools designed to bring complex scientific concepts to any user through simulation and data analysis. From microbiology to astrophysics, our utilities apply mathematical models and physical theories to offer you an interactive perspective of the universe.</p><p>Whether you need to count colony-forming units in a laboratory or want to estimate the probability that we live in a virtual environment, our calculators provide technical rigor with an interface designed for curiosity.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Astrophysics and Cosmic Risk: The Impact of Asteroids',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>The cosmos is vast and, at times, violent. Our asteroid impact simulator uses terminal ballistics and atmospheric physics equations to calculate the effects of a cosmic collision on Earth. It analyzes crater size, shockwave, and thermal radiation emitted to understand the real risks posed by near-Earth objects (NEOs).</p>',
+    },
+    {
+      type: 'title',
+      text: 'Microbiology and Digital Laboratory Analysis',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Laboratory work requires precision and efficiency. The digital colony counter facilitates counting CFU (Colony-Forming Units) on Petri dishes, helping to minimize human error and accelerate bacterial analysis processes through a touch-based marking interface.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Human Biology and Atomic Renewal',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>You are not the same as you were seven years ago. The cellular renewal calculator estimates the rate of atom and cell turnover in your body based on the latest research in molecular biology. It\'s a fascinating tool for understanding the fluid nature of our biological identity.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Analytical Philosophy and Simulation Probability',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Are there boundaries between reality and computation? Based on Nick Bostrom\'s trilemma, our simulation probability calculator allows you to adjust computing capacity and civilization survival variables to estimate the statistical likelihood that our reality is artificial.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Domestic Physics and Interference Detection',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Science is also in your kitchen. The microwave detector uses WiFi signal intensity to monitor potential radiofrequency (RF) leaks from appliances, applying electromagnetic wave interference principles.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Key Features',
+      level: 2,
+    },
+    {
+      type: 'summary',
+      title: 'What defines us:',
+      items: [
+        'Mathematical Modeling: Simulations based on real physical laws (gravitation, thermodynamics, ballistics).',
+        'Interactive Education: Tools designed for students and enthusiasts to experiment with scientific variables.',
+        'Technical Rigor: Data and formulas extracted from scientific publications and academic databases.',
+        'Scientific Data Privacy: All calculation and simulation processes run locally to ensure your research security.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Note on Scientific Simulation',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '<p><strong>Theoretical Foundation:</strong> Although our simulators (such as the asteroid impact one) use precise physical equations, results should be taken as educational estimates. Real systems are chaotic and can be influenced by atmospheric and geological variables not modeled in this simplified version.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Towards the Democratization of Science',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Citizen Science is stronger than ever. Having access to professional-level simulation tools allows anyone to validate theories or conduct their own thought experiments. These utilities break down the walls of the traditional laboratory and bring the scientific method directly to your screen. Scientific education shifts from passive (reading a book) to active (digitally experimenting with the forces of the universe).</p>',
+    },
+  ],
+};
+

package/src/category/i18n/es.ts

@@ -0,0 +1,97 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'ciencia',
+  title: 'Herramientas y Simuladores Científicos Interactivos',
+  description: 'Explora la ciencia con herramientas gratuitas online. Simuladores de impacto de asteroides, conteo de colonias bacterianas, probabilidad de simulación y renovación celular.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Exploración Científica y Simulación: La Ciencia en tus Manos',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>La ciencia no es solo un conjunto de conocimientos estáticos, sino un proceso dinámico de exploración y experimentación. En esta sección, ofrecemos herramientas gratuitas online diseñadas para acercar conceptos científicos complejos a cualquier usuario mediante la simulación y el análisis de datos. Desde la microbiología hasta la astrofísica, nuestras utilidades aplican modelos matemáticos y teorías físicas para ofrecerte una perspectiva interactiva del universo.</p><p>Ya sea que necesites contar unidades formadoras de colonias en un laboratorio o quieras estimar las probabilidades de que vivamos en un entorno virtual, nuestras calculadoras proporcionan rigor técnico con una interfaz diseñada para la curiosidad.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Astrofísica y Riesgo Cósmico: El Impacto de Asteroides',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>El cosmos es vasto y, en ocasiones, violento. Nuestro simulador de impacto de asteroides utiliza ecuaciones de balística terminal y física atmosférica para calcular los efectos de una colisión cósmica sobre la Tierra. Analiza el tamaño del cráter, la onda de choque y la radiación térmica emitida para entender los riesgos reales representados por los objetos cercanos a la Tierra (NEOs).</p>',
+    },
+    {
+      type: 'title',
+      text: 'Microbiología y Análisis de Laboratorio Digital',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>El trabajo de laboratorio requiere precisión y eficiencia. El contador de colonias digital facilita el conteo de UFC (Unidades Formadoras de Colonias) en placas de Petri, ayudando a minimizar el error humano y acelerar los procesos de análisis bacteriológico mediante una interfaz de marcaje táctil.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Biología Humana y Renovación Atómica',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Tu cuerpo no es el mismo que hace siete años. La calculadora de renovación celular estima la tasa de recambio de tus átomos y células según las investigaciones más recientes en biología molecular. Es una herramienta fascinante para entender la naturaleza fluida de nuestra identidad biológica.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Filosofía Analítica y Probabilidad de Simulación',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>¿Existen límites entre la realidad y la computación? Basándonos en el trilema de Nick Bostrom, nuestra calculadora de probabilidad de simulación permite ajustar las variables de capacidad de computación y supervivencia de civilizaciones para estimar las posibilidades estadísticas de que nuestra realidad sea artificial.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Física Doméstica y Detección de Interferencias',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>La ciencia también está en tu cocina. El detector de microondas utiliza la intensidad de la señal WiFi para monitorizar posibles fugas de radiofrecuencia (RF) de electrodomésticos, aplicando principios de interferencia de ondas electromagnéticas.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Características Clave',
+      level: 2,
+    },
+    {
+      type: 'summary',
+      title: 'Lo que nos define:',
+      items: [
+        'Modelado Matemático: Simulaciones basadas en leyes físicas reales (gravitación, termodinámica, balística).',
+        'Educación Interactiva: Herramientas diseñadas para que estudiantes y entusiastas experimenten con variables científicas.',
+        'Rigor Técnico: Datos y fórmulas extraídos de publicaciones científicas y bases de datos académicas.',
+        'Privacidad de Datos Científicos: Todos los procesos de cálculo y simulación se ejecutan en local para garantizar la seguridad de tu investigación.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Nota sobre la Simulación Científica',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '<p><strong>Fundamento Teórico:</strong> Aunque nuestros simuladores (como el de impacto de asteroides) utilizan ecuaciones físicas precisas, los resultados deben tomarse como estimaciones educativas. Los sistemas reales son caóticos y pueden verse influenciados por variables atmosféricas y geológicas no modeladas en esta versión simplificada.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Hacia la democratización de la ciencia',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>La Ciencia Ciudadana es más fuerte que nunca. Tener acceso a herramientas de simulación de nivel profesional permite que cualquier persona pueda validar teorías o realizar sus propios experimentos mentales. Estas utilidades rompen las paredes del laboratorio tradicional y llevan el método científico directamente a tu pantalla. La educación científica deja de ser pasiva (leer un libro) y se convierte en activa (experimentar digitalmente con las fuerzas del universo).</p>',
+    },
+  ],
+};
+

package/src/category/i18n/fr.ts

@@ -0,0 +1,96 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'science',
+  title: 'Outils et Simulateurs Scientifiques Interactifs',
+  description: 'Explorez la science avec des outils gratuits en ligne. Simulateurs d\'impacts d\'astéroïdes, comptage de colonies bactériennes, probabilité de simulation et calculatrices de renouvellement cellulaire.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Exploration Scientifique et Simulation : La Science Entre vos Mains',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>La science n\'est pas simplement un ensemble statique de connaissances, mais un processus dynamique d\'exploration et d\'expérimentation. Dans cette section, nous offrons des outils gratuits en ligne conçus pour rendre les concepts scientifiques complexes accessibles à tous grâce à la simulation et l\'analyse de données. De la microbiologie à l\'astrophysique, nos utilitaires appliquent des modèles mathématiques et des théories physiques pour vous offrir une perspective interactive de l\'univers.</p><p>Que vous ayez besoin de compter les unités formant colonies dans un laboratoire ou que vous souhaitiez estimer les probabilités que nous vivions dans un environnement virtuel, nos calculatrices fournissent une rigueur technique avec une interface conçue pour la curiosité.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Astrophysique et Risque Cosmique : L\'Impact des Astéroïdes',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Le cosmos est vaste et, parfois, violent. Notre simulateur d\'impact d\'astéroïde utilise les équations de balistique terminale et de physique atmosphérique pour calculer les effets d\'une collision cosmique sur la Terre. Il analyse la taille du cratère, l\'onde de choc et le rayonnement thermique émis pour comprendre les risques réels représentés par les objets géocroiseurs (NEO).</p>',
+    },
+    {
+      type: 'title',
+      text: 'Microbiologie et Analyse de Laboratoire Numérique',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Le travail de laboratoire exige précision et efficacité. Le compteur de colonies numérique facilite le comptage des UFC (Unités Formant Colonies) sur les boîtes de Pétri, contribuant à minimiser l\'erreur humaine et à accélérer les processus d\'analyse bactériologique par une interface de marquage tactile.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Biologie Humaine et Renouvellement Atomique',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Vous n\'êtes pas le même qu\'il y a sept ans. La calculatrice de renouvellement cellulaire estime le taux de renouvellement des atomes et des cellules de votre corps selon les dernières recherches en biologie moléculaire. C\'est un outil fascinant pour comprendre la nature fluide de notre identité biologique.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Philosophie Analytique et Probabilité de Simulation',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>Y a-t-il des frontières entre la réalité et le calcul ? Sur la base du trilemme de Nick Bostrom, notre calculatrice de probabilité de simulation vous permet d\'ajuster les variables de capacité informatique et de survie des civilisations pour estimer les probabilités statistiques que notre réalité soit artificielle.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Physique Domestique et Détection d\'Interférences',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>La science est aussi dans votre cuisine. Le détecteur de micro-ondes utilise l\'intensité du signal WiFi pour surveiller les fuites possibles de radiofréquence (RF) des appareils électroménagers, en appliquant les principes d\'interférence des ondes électromagnétiques.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Caractéristiques Clés',
+      level: 2,
+    },
+    {
+      type: 'summary',
+      title: 'Ce qui nous définit :',
+      items: [
+        'Modélisation Mathématique : Simulations basées sur des lois physiques réelles (gravitation, thermodynamique, balistique).',
+        'Éducation Interactif : Outils conçus pour que les étudiants et les passionnés expérimentent avec des variables scientifiques.',
+        'Rigueur Technique : Données et formules extraites de publications scientifiques et de bases de données académiques.',
+        'Confidentialité des Données Scientifiques : Tous les processus de calcul et de simulation s\'exécutent localement pour garantir la sécurité de votre recherche.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Remarque sur la Simulation Scientifique',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '<p><strong>Fondement Théorique :</strong> Bien que nos simulateurs (comme celui d\'impact d\'astéroïde) utilisent des équations physiques précises, les résultats doivent être considérés comme des estimations éducatives. Les systèmes réels sont chaotiques et peuvent être influencés par des variables atmosphériques et géologiques non modélisées dans cette version simplifiée.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Vers la Démocratisation de la Science',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '<p>La Science Citoyenne est plus forte que jamais. Avoir accès à des outils de simulation de niveau professionnel permet à chacun de valider des théories ou de mener ses propres expériences mentales. Ces utilitaires abattent les murs du laboratoire traditionnel et apportent la méthode scientifique directement à votre écran. L\'éducation scientifique passe de passive (lire un livre) à active (expérimenter numériquement avec les forces de l\'univers).</p>',
+    },
+  ],
+};

package/src/category/index.ts

@@ -0,0 +1,17 @@
+import type { ScienceCategoryEntry } from '../types';
+import { colonyCounter } from '../tool/colony-counter/index';
+import { asteroidImpact } from '../tool/asteroid-impact/index';
+import { microwaveDetector } from '../tool/microwave-detector/index';
+import { simulationProbability } from '../tool/simulation-probability/index';
+import { cellularRenewal } from '../tool/cellular-renewal/index';
+
+export const scienceCategory: ScienceCategoryEntry = {
+  icon: 'mdi:flask',
+  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal],
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+  },
+};
+

package/src/category/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { scienceCategory } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await scienceCategory.i18n[locale]?.();
+if (!content) return null;
+---
+
+<SEORenderer content={{ sections: content.seo, locale }} />

package/src/components/PreviewNavSidebar.astro

@@ -0,0 +1,116 @@
+---
+interface NavItem {
+  id: string;
+  title: string;
+  href: string;
+  isActive?: boolean;
+}
+
+interface Props {
+  categoryTitle: string;
+  tools?: NavItem[];
+}
+
+const { categoryTitle, tools = [] } = Astro.props;
+---
+
+<nav class="preview-nav-sidebar">
+  <div class="sidebar-header">
+    <h3>{categoryTitle}</h3>
+  </div>
+
+  <ul class="tools-list">
+    {tools.map((tool) => (
+      <li>
+        <a
+          href={tool.href}
+          class:list={['tool-link', { active: tool.isActive }]}
+        >
+          <span class="tool-title">{tool.title}</span>
+        </a>
+      </li>
+    ))}
+  </ul>
+</nav>
+
+<style>
+  .preview-nav-sidebar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--bg-surface, #0f172a);
+  }
+
+  .sidebar-header {
+    padding: 2rem 1.5rem 1.5rem;
+    border-bottom: 1px solid var(--border-color, #1e293b);
+  }
+
+  .sidebar-header h3 {
+    margin: 0;
+    font-size: 0.75rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--text-muted, #94a3b8);
+  }
+
+  .tools-list {
+    list-style: none;
+    margin: 0;
+    padding: 0.5rem 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tools-list li {
+    margin: 0;
+  }
+
+  .tool-link {
+    display: flex;
+    align-items: center;
+    padding: 0.75rem 1.5rem;
+    color: var(--text-muted, #94a3b8);
+    text-decoration: none;
+    font-size: 0.9375rem;
+    font-weight: 500;
+    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+    border-left: 3px solid transparent;
+    position: relative;
+  }
+
+  .tool-link:hover {
+    color: var(--text-base, #f1f5f9);
+    background: rgba(255, 255, 255, 0.08);
+    padding-left: 1.75rem;
+  }
+
+  .tool-link.active {
+    color: var(--accent, #f43f5e);
+    background: rgba(244, 63, 94, 0.15);
+    border-left-color: var(--accent, #f43f5e);
+    font-weight: 600;
+  }
+
+  .tool-link.active::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 24px;
+    background: var(--accent, #f43f5e);
+    border-radius: 0 2px 2px 0;
+  }
+
+  .tool-title {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+

package/src/components/PreviewToolbar.astro

@@ -0,0 +1,143 @@
+---
+import type { KnownLocale } from '../types';
+
+interface Props {
+  currentLocale: KnownLocale;
+  localeUrls?: Partial<Record<KnownLocale, string>>;
+}
+
+const { currentLocale, localeUrls = {} } = Astro.props;
+
+const otherLocales = Object.entries(localeUrls).filter(([l]) => l !== currentLocale) as [
+  KnownLocale,
+  string,
+][];
+---
+
+<nav class="preview-toolbar">
+  {
+    otherLocales.length > 0 && (
+      <div class="locale-group">
+        <span class="locale-current">{currentLocale.toUpperCase()}</span>
+        {otherLocales.map(([locale, url]) => (
+          <a href={url} class="btn-locale">
+            {locale.toUpperCase()}
+          </a>
+        ))}
+      </div>
+    )
+  }
+
+  <button id="theme-toggle" class="btn-theme" aria-label="Toggle theme" title="Toggle theme">
+    <span class="theme-icon"></span>
+  </button>
+</nav>
+
+<script>
+  function initToolbar() {
+    const btn = document.getElementById('theme-toggle');
+    if (!btn) return;
+
+    const applyTheme = (theme: string) => {
+      document.documentElement.classList.remove('theme-light', 'theme-dark');
+      document.documentElement.classList.add(theme);
+      localStorage.setItem('theme', theme);
+    };
+
+    btn.addEventListener('click', () => {
+      const next = document.documentElement.classList.contains('theme-dark')
+        ? 'theme-light'
+        : 'theme-dark';
+      applyTheme(next);
+    });
+  }
+
+  initToolbar();
+  document.addEventListener('astro:after-swap', initToolbar);
+</script>
+
+<style>
+  .preview-toolbar {
+    position: fixed;
+    top: 1rem;
+    right: 1.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    z-index: 1000;
+    background: var(--bg-surface);
+    padding: 0.4rem;
+    border-radius: 1rem;
+    border: 1px solid var(--border-color);
+    backdrop-filter: blur(12px);
+  }
+
+  .locale-group {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding-right: 0.5rem;
+    border-right: 1px solid var(--border-color);
+  }
+
+  .locale-current {
+    font-size: 0.7rem;
+    font-weight: 900;
+    color: var(--text-muted);
+    padding: 0.4rem 0.6rem;
+    letter-spacing: 0.08em;
+  }
+
+  .btn-locale {
+    background: transparent;
+    border: 1px solid var(--border-color);
+    color: var(--text-main);
+    cursor: pointer;
+    padding: 0.4rem 0.7rem;
+    border-radius: 0.5rem;
+    font-weight: 700;
+    font-size: 0.7rem;
+    text-decoration: none;
+    letter-spacing: 0.08em;
+    transition: all 0.2s ease;
+  }
+
+  .btn-locale:hover {
+    border-color: var(--accent);
+    color: var(--accent);
+  }
+
+  .btn-theme {
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 0.6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s ease;
+  }
+
+  .btn-theme:hover {
+    background: rgba(255, 255, 255, 0.08);
+  }
+
+  .theme-icon {
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+  }
+
+  :global(.theme-light) .theme-icon {
+    background: #f59e0b;
+    box-shadow: 0 0 8px #fbbf24;
+  }
+
+  :global(.theme-dark) .theme-icon {
+    background: #94a3b8;
+    box-shadow: inset -4px -2px 0 #1e293b;
+  }
+</style>
+

package/src/data.ts

@@ -0,0 +1,11 @@
+export { scienceCategory } from './category';
+
+export type {
+  KnownLocale,
+  ToolLocaleContent,
+  CategoryLocaleContent,
+  LocaleMap,
+  ScienceToolEntry,
+  ScienceCategoryEntry,
+} from './types';
+

package/src/env.d.ts

@@ -0,0 +1,5 @@
+declare module '*.astro' {
+  const Component: (_props: Record<string, unknown>) => unknown;
+  export default Component;
+}
+