@jjlmoya/utils-tabletop 1.31.0 → 1.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-tabletop",
-    "version": "1.31.0",
+    "version": "1.33.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",
@@ -27,7 +27,7 @@
         "lint": "eslint src/ --max-warnings 0 && stylelint \"src/**/*.{css,astro}\"",
         "check": "astro check",
         "type-check": "astro check",
-        "test": "vitest run",
+        "test": "vitest run --reporter=verbose --testTimeout=30000",
         "preversion": "npm run lint && npm run test && npm run build",
         "postversion": "git push && git push --tags",
         "patch": "npm version patch",

package/src/category/i18n/de.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'brettspiele';
 const title = 'Brettspiel Utilities und Werkzeuge';
-const description = 'Kostenlose Werkzeuge für Brett- und Rollenspiele: würfle virtuelle Polyederwürfel mit Live-Statistiken, verwalte Zugzeiten mit einem Multiplayer-Timer und mehr. Läuft im Browser, ohne Anmeldung, 100 % privat.';
+const description = 'Kostenlose Werkzeuge für Brett- und Rollenspiele: virtuelle Würfel, Statistiken und Multiplayer-Timer im Browser, ohne Anmeldung.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/es.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'juegos-de-mesa';
 const title = 'Utilidades y Herramientas para Juegos de Mesa';
-const description = 'Herramientas gratuitas para juegos de mesa y rol: lanza dados virtuales con estadísticas, controla los tiempos de tus partidas con un temporizador multijugador y mucho más. Todo en tu navegador, sin registro y 100% privado.';
+const description = 'Herramientas gratuitas para juegos de mesa y rol: dados virtuales, estadísticas y temporizadores multijugador en el navegador, sin registro.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/fr.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'jeux-de-societe';
 const title = 'Utilitaires et Outils pour Jeux de Société';
-const description = 'Outils gratuits pour jeux de société et de rôle: lancez des dés virtuels avec des statistiques en direct, gérez les temps de tour avec un chronomètre multijoueur et bien plus. Fonctionne dans votre navigateur, sans inscription, 100 % privé.';
+const description = 'Outils gratuits pour jeux de société et de rôle: dés virtuels, statistiques et chronomètres multijoueurs dans le navigateur, sans inscription.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/id.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'permainan-papan';
 const title = 'Utilitas & Alat untuk Permainan Papan';
-const description = 'Alat gratis untuk permainan papan dan RPG: lempar dadu virtual dengan statistik langsung, kelola waktu giliran dengan timer multipemain, dan banyak lagi. Berfungsi di browser, tanpa pendaftaran, 100% pribadi.';
+const description = 'Alat gratis untuk permainan papan dan RPG: dadu virtual, statistik, dan timer multipemain di browser tanpa pendaftaran.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/it.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'giochi-da-tavolo';
 const title = 'Utilità e Strumenti per Giochi da Tavolo';
-const description = 'Strumenti gratuiti per giochi da tavolo e di ruolo: lancia dadi virtuali con statistiche in tempo reale, gestisci i tempi di turno con un cronometro multigiocatore e molto altro. Funziona nel browser, senza registrazione, 100% privato.';
+const description = 'Strumenti gratuiti per giochi da tavolo e di ruolo: dadi virtuali, statistiche e timer multigiocatore nel browser, senza registrazione.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/nl.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'bordspelen';
 const title = 'Bordspel Hulpmiddelen & Utilities';
-const description = 'Gratis hulpmiddelen voor bordspellen en RPGs: gooi virtuele dobbelstenen met live statistieken, beheer beurt tijden met een multi-player timer en meer. Werkt in de browser, geen registratie, 100% privé.';
+const description = 'Gratis tools voor bordspellen en RPG\'s: virtuele dobbelstenen, statistieken en multitimer in de browser zonder registratie.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/pl.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'gry-planszowe';
 const title = 'Narzędzia i Pomocniki do Gier Planszowych';
-const description = 'Darmowe narzędzia do gier planszowych i RPG: rzucaj wirtualnymi kośćmi z statystykami na żywo, zarządzaj czasem tur z multi-timerem i nie tylko. Działa w przeglądarce, bez rejestracji, 100% prywatności.';
+const description = 'Darmowe narzędzia do gier planszowych i RPG: wirtualne kości, statystyki i zegary wieloosobowe w przeglądarce, bez rejestracji.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/pt.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'jogos-de-mesa';
 const title = 'Utilitários e Ferramentas para Jogos de Mesa';
-const description = 'Ferramentas gratuitas para jogos de mesa e RPG: lance dados virtuais com estatísticas ao vivo, controle os tempos de turno com um cronómetro multijogador e muito mais. Funciona no navegador, sem registo, 100% privado.';
+const description = 'Ferramentas gratuitas para jogos de mesa e RPG: dados virtuais, estatísticas e temporizadores multijogador no navegador, sem registo.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/ru.ts

@@ -2,7 +2,7 @@
 
 const slug = 'nastolnye-igry';
 const title = 'Инструменты и утилиты для настольных игр';
-const description = 'Бесплатные инструменты для настольных и ролевых игр: бросайте виртуальные кости со статистикой в реальном времени, управляйте временем ходов с многоигроковым таймером и не только. Работает в браузере, без регистрации, 100% конфиденциально.';
+const description = 'Бесплатные инструменты для настольных и ролевых игр: виртуальные кости, статистика и таймеры в браузере без регистрации.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/sv.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'bordspel';
 const title = 'Brädspelsverktyg & Hjälpmedel';
-const description = 'Gratis verktyg för brädspel och rollspel: slå virtuella tärningar med realtidsstatistik, håll koll på speltid med en multitimer och mycket mer. Fungerar i webbläsaren, ingen registrering krävs, 100 % privat.';
+const description = 'Gratis verktyg för brädspel och rollspel: virtuella tärningar, statistik och multitimer i webbläsaren utan registrering.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/i18n/tr.ts

@@ -2,7 +2,7 @@ import type { CategoryLocaleContent } from '../../types';
 
 const slug = 'masa-oyunlari';
 const title = 'Masa Oyunu Araçları ve Yardımcı Programları';
-const description = 'Masa oyunları ve RPG için ücretsiz araçlar: canlı istatistiklerle sanal zar atma, çok oyunculu süreölçer ile tur sürelerini yönetme ve daha fazlası. Tarayıcıda çalışır, kayıt gerekmez, %100 gizli.';
+const description = 'Masa oyunları ve RPG için ücretsiz araçlar: sanal zarlar, istatistikler ve tarayıcıda kayıt gerektirmeyen çok oyunculu süreölçerler.';
 
 export const content: CategoryLocaleContent = {
   slug,

package/src/category/index.ts

@@ -1,16 +1,16 @@
-import { diceRollerSimulator } from '../tool/dice-roller-simulator/entry';
+import { diceRollerSimulator } from '../tool/dice-roller-simulator/entry';
 import { boardGameTimer } from '../tool/board-game-timer/entry';
 import { dungeonMapGenerator } from '../tool/dungeon-map-generator/entry';
 import { encounterDifficultyCalculator } from '../tool/encounter-difficulty-calculator/entry';
 import { tokenStampStudio } from '../tool/token-stamp-studio/entry';
 import { musScoreboard } from '../tool/mus-scoreboard/entry';
 import { rpgSettlementExplorationMapGenerator } from '../tool/rpg-settlement-exploration-map-generator/entry';
-import type { CategoryLocaleContent, KnownLocale } from '../types';
-
-export const tabletopCategory = {
-  icon: 'mdi:dice-multiple-outline',
-  tools: [
-    diceRollerSimulator,
+import type { CategoryLocaleContent, KnownLocale } from '../types';
+
+export const tabletopCategory = {
+  icon: 'mdi:dice-multiple-outline',
+  tools: [
+    diceRollerSimulator,
     boardGameTimer,
     dungeonMapGenerator,
     encounterDifficultyCalculator,
@@ -18,21 +18,21 @@ export const tabletopCategory = {
     musScoreboard,
     rpgSettlementExplorationMapGenerator,
   ],
-  i18n: {
-    de: () => import('./i18n/de').then((m) => m.content),
-    en: () => import('./i18n/en').then((m) => m.content),
-    es: () => import('./i18n/es').then((m) => m.content),
-    fr: () => import('./i18n/fr').then((m) => m.content),
-    id: () => import('./i18n/id').then((m) => m.content),
-    it: () => import('./i18n/it').then((m) => m.content),
-    ja: () => import('./i18n/ja').then((m) => m.content),
-    ko: () => import('./i18n/ko').then((m) => m.content),
-    nl: () => import('./i18n/nl').then((m) => m.content),
-    pl: () => import('./i18n/pl').then((m) => m.content),
-    pt: () => import('./i18n/pt').then((m) => m.content),
-    ru: () => import('./i18n/ru').then((m) => m.content),
-    sv: () => import('./i18n/sv').then((m) => m.content),
-    tr: () => import('./i18n/tr').then((m) => m.content),
-    zh: () => import('./i18n/zh').then((m) => m.content),
-  } as Partial<Record<KnownLocale, () => Promise<CategoryLocaleContent>>>,
-};
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  } as Partial<Record<KnownLocale, () => Promise<CategoryLocaleContent>>>,
+};

package/src/components/PreviewNavSidebar.astro

@@ -113,4 +113,4 @@ const { categoryTitle, tools = [] } = Astro.props;
     white-space: nowrap;
   }
 </style>
-
+

package/src/components/PreviewToolbar.astro

@@ -140,4 +140,4 @@ const otherLocales = Object.entries(localeUrls).filter(([l]) => l !== currentLoc
     box-shadow: inset -4px -2px 0 #1e293b;
   }
 </style>
-
+

package/src/entries.ts

@@ -1,57 +1,57 @@
-export { diceRollerSimulator } from './tool/dice-roller-simulator/entry';
-export type { DiceRollerUI, DiceRollerLocaleContent } from './tool/dice-roller-simulator/entry';
-export { boardGameTimer } from './tool/board-game-timer/entry';
-export type { BoardGameTimerUI, BoardGameTimerLocaleContent } from './tool/board-game-timer/entry';
-export { firstPlayerSelector } from './tool/first-player-selector/entry';
-export type { FirstPlayerSelectorUI, FirstPlayerSelectorLocaleContent } from './tool/first-player-selector/entry';
-export { scoreTracker } from './tool/score-tracker/entry';
-export type { ScoreTrackerUI, ScoreTrackerLocaleContent } from './tool/score-tracker/entry';
-export { initiativeTracker } from './tool/rpg-initiative-tracker/entry';
-export type { InitiativeTrackerUI, InitiativeTrackerLocaleContent } from './tool/rpg-initiative-tracker/entry';
-export { fantasyRunesTranslator } from './tool/fantasy-runes-translator/entry';
-export type { FantasyRunesTranslatorUI, FantasyRunesTranslatorLocaleContent } from './tool/fantasy-runes-translator/entry';
-export { investigationBoard } from './tool/investigation-board/entry';
-export type { InvestigationBoardUI, InvestigationBoardLocaleContent } from './tool/investigation-board/entry';
-export { lunarTideTracker } from './tool/lunar-tide-tracker/entry';
-export type { LunarTideUI, LunarTideLocaleContent } from './tool/lunar-tide-tracker/entry';
-export { hiddenRoleDealer } from './tool/hidden-role-dealer/entry';
-export type { HiddenRoleDealerUI, HiddenRoleDealerLocaleContent } from './tool/hidden-role-dealer/entry';
-export { scatterDirectionSelector } from './tool/scatter-direction-selector/entry';
+export { diceRollerSimulator } from './tool/dice-roller-simulator/entry';
+export type { DiceRollerUI, DiceRollerLocaleContent } from './tool/dice-roller-simulator/entry';
+export { boardGameTimer } from './tool/board-game-timer/entry';
+export type { BoardGameTimerUI, BoardGameTimerLocaleContent } from './tool/board-game-timer/entry';
+export { firstPlayerSelector } from './tool/first-player-selector/entry';
+export type { FirstPlayerSelectorUI, FirstPlayerSelectorLocaleContent } from './tool/first-player-selector/entry';
+export { scoreTracker } from './tool/score-tracker/entry';
+export type { ScoreTrackerUI, ScoreTrackerLocaleContent } from './tool/score-tracker/entry';
+export { initiativeTracker } from './tool/rpg-initiative-tracker/entry';
+export type { InitiativeTrackerUI, InitiativeTrackerLocaleContent } from './tool/rpg-initiative-tracker/entry';
+export { fantasyRunesTranslator } from './tool/fantasy-runes-translator/entry';
+export type { FantasyRunesTranslatorUI, FantasyRunesTranslatorLocaleContent } from './tool/fantasy-runes-translator/entry';
+export { investigationBoard } from './tool/investigation-board/entry';
+export type { InvestigationBoardUI, InvestigationBoardLocaleContent } from './tool/investigation-board/entry';
+export { lunarTideTracker } from './tool/lunar-tide-tracker/entry';
+export type { LunarTideUI, LunarTideLocaleContent } from './tool/lunar-tide-tracker/entry';
+export { hiddenRoleDealer } from './tool/hidden-role-dealer/entry';
+export type { HiddenRoleDealerUI, HiddenRoleDealerLocaleContent } from './tool/hidden-role-dealer/entry';
+export { scatterDirectionSelector } from './tool/scatter-direction-selector/entry';
 export type { ScatterSelectorUI, ScatterSelectorLocaleContent } from './tool/scatter-direction-selector/entry';
 export { dungeonMapGenerator } from './tool/dungeon-map-generator/entry';
 export type { DungeonMapGeneratorUI, DungeonMapGeneratorLocaleContent } from './tool/dungeon-map-generator/entry';
 export { rpgSettlementExplorationMapGenerator } from './tool/rpg-settlement-exploration-map-generator/entry';
 export type { SettlementMapUI, SettlementMapLocaleContent } from './tool/rpg-settlement-exploration-map-generator/entry';
 export { tabletopCategory } from './category';
-
-import { diceRollerSimulator } from './tool/dice-roller-simulator/entry';
-import { boardGameTimer } from './tool/board-game-timer/entry';
-import { firstPlayerSelector } from './tool/first-player-selector/entry';
-import { scoreTracker } from './tool/score-tracker/entry';
-import { initiativeTracker } from './tool/rpg-initiative-tracker/entry';
-import { fantasyRunesTranslator } from './tool/fantasy-runes-translator/entry';
-import { decisionWheel } from './tool/decision-wheel/entry';
-import { investigationBoard } from './tool/investigation-board/entry';
-import { lunarTideTracker } from './tool/lunar-tide-tracker/entry';
-import { hiddenRoleDealer } from './tool/hidden-role-dealer/entry';
+
+import { diceRollerSimulator } from './tool/dice-roller-simulator/entry';
+import { boardGameTimer } from './tool/board-game-timer/entry';
+import { firstPlayerSelector } from './tool/first-player-selector/entry';
+import { scoreTracker } from './tool/score-tracker/entry';
+import { initiativeTracker } from './tool/rpg-initiative-tracker/entry';
+import { fantasyRunesTranslator } from './tool/fantasy-runes-translator/entry';
+import { decisionWheel } from './tool/decision-wheel/entry';
+import { investigationBoard } from './tool/investigation-board/entry';
+import { lunarTideTracker } from './tool/lunar-tide-tracker/entry';
+import { hiddenRoleDealer } from './tool/hidden-role-dealer/entry';
 import { scatterDirectionSelector } from './tool/scatter-direction-selector/entry';
 import { dungeonMapGenerator } from './tool/dungeon-map-generator/entry';
 import { encounterDifficultyCalculator } from './tool/encounter-difficulty-calculator/entry';
 import { tokenStampStudio } from './tool/token-stamp-studio/entry';
 import { musScoreboard } from './tool/mus-scoreboard/entry';
 import { rpgSettlementExplorationMapGenerator } from './tool/rpg-settlement-exploration-map-generator/entry';
-
-export const ALL_ENTRIES = [
-  diceRollerSimulator,
-  boardGameTimer,
-  firstPlayerSelector,
-  scoreTracker,
-  initiativeTracker,
-  fantasyRunesTranslator,
-  decisionWheel,
-  investigationBoard,
-  lunarTideTracker,
-  hiddenRoleDealer,
+
+export const ALL_ENTRIES = [
+  diceRollerSimulator,
+  boardGameTimer,
+  firstPlayerSelector,
+  scoreTracker,
+  initiativeTracker,
+  fantasyRunesTranslator,
+  decisionWheel,
+  investigationBoard,
+  lunarTideTracker,
+  hiddenRoleDealer,
   scatterDirectionSelector,
   dungeonMapGenerator,
   encounterDifficultyCalculator,
@@ -59,4 +59,4 @@ export const ALL_ENTRIES = [
   musScoreboard,
   rpgSettlementExplorationMapGenerator,
 ];
-
+

package/src/env.d.ts

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

package/src/index.ts

@@ -1,27 +1,27 @@
-export { tabletopCategory } from './category';
-export const tabletopCategorySEO = () => import('./category/TabletopCategorySEO.astro').then((m) => m.default);
-
-export { diceRollerSimulator, DICE_ROLLER_SIMULATOR_TOOL } from './tool/dice-roller-simulator';
-export { boardGameTimer, BOARD_GAME_TIMER_TOOL } from './tool/board-game-timer';
-export { fantasyRunesTranslator, FANTASY_RUNES_TRANSLATOR_TOOL } from './tool/fantasy-runes-translator';
-export { investigationBoard, INVESTIGATION_BOARD_TOOL } from './tool/investigation-board';
+export { tabletopCategory } from './category';
+export const tabletopCategorySEO = () => import('./category/TabletopCategorySEO.astro').then((m) => m.default);
+
+export { diceRollerSimulator, DICE_ROLLER_SIMULATOR_TOOL } from './tool/dice-roller-simulator';
+export { boardGameTimer, BOARD_GAME_TIMER_TOOL } from './tool/board-game-timer';
+export { fantasyRunesTranslator, FANTASY_RUNES_TRANSLATOR_TOOL } from './tool/fantasy-runes-translator';
+export { investigationBoard, INVESTIGATION_BOARD_TOOL } from './tool/investigation-board';
 export { lunarTideTracker, LUNAR_TIDE_TRACKER_TOOL } from './tool/lunar-tide-tracker';
 export { dungeonMapGenerator, DUNGEON_MAP_GENERATOR_TOOL } from './tool/dungeon-map-generator';
 export { tokenStampStudio, TOKEN_STAMP_STUDIO_TOOL } from './tool/token-stamp-studio';
-
-
-export type {
-  KnownLocale,
-  FAQItem,
-  BibliographyEntry,
-  HowToStep,
-  ToolLocaleContent,
-  CategoryLocaleContent,
-  LocaleLoader,
-  LocaleMap,
-  TabletopToolEntry,
-  TabletopCategoryEntry,
-  ToolDefinition,
-} from './types';
-
-export { ALL_ENTRIES, ALL_TOOLS } from './tools';
+
+
+export type {
+  KnownLocale,
+  FAQItem,
+  BibliographyEntry,
+  HowToStep,
+  ToolLocaleContent,
+  CategoryLocaleContent,
+  LocaleLoader,
+  LocaleMap,
+  TabletopToolEntry,
+  TabletopCategoryEntry,
+  ToolDefinition,
+} from './types';
+
+export { ALL_ENTRIES, ALL_TOOLS } from './tools';

package/src/layouts/PreviewLayout.astro

@@ -1,75 +1,75 @@
----
-import "@jjlmoya/utils-shared/theme.css";
-import PreviewToolbar from "../components/PreviewToolbar.astro";
-import type { KnownLocale } from "../types";
-
-interface Props {
-  title: string;
-  currentLocale?: KnownLocale;
-  localeUrls?: Partial<Record<KnownLocale, string>>;
-  hasSidebar?: boolean;
-}
-
-const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Astro.props;
----
-
-<!doctype html>
-<html lang={currentLocale}>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>{title} · preview</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
-      rel="stylesheet"
-    />
-
-    <script is:inline>
-      (function () {
-        const saved = localStorage.getItem("theme") || "theme-dark";
-        document.documentElement.classList.add(saved);
-      })();
-    </script>
-    <slot name="head" />
-  </head>
-  <body>
-    <PreviewToolbar currentLocale={currentLocale} localeUrls={localeUrls} />
-    <div class:list={["page-wrapper", { "with-sidebar": hasSidebar }]}>
-      {
-        hasSidebar && (
-          <aside class="sidebar-area">
-            <slot name="sidebar" />
-          </aside>
-        )
-      }
-      <main>
-        <slot />
-      </main>
-    </div>
-  </body>
-</html>
-
-<style is:global>
-  :root {
-    --accent: #f43f5e;
-    --primary-base: #9f1239;
-    --cyan: #06b6d4;
-  }
-
-  .theme-dark,
-  .theme-light {
-    --text-main: var(--text-base);
-    --border-color: var(--border-base);
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
+---
+import "@jjlmoya/utils-shared/theme.css";
+import PreviewToolbar from "../components/PreviewToolbar.astro";
+import type { KnownLocale } from "../types";
+
+interface Props {
+  title: string;
+  currentLocale?: KnownLocale;
+  localeUrls?: Partial<Record<KnownLocale, string>>;
+  hasSidebar?: boolean;
+}
+
+const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Astro.props;
+---
+
+<!doctype html>
+<html lang={currentLocale}>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>{title} · preview</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
+      rel="stylesheet"
+    />
+
+    <script is:inline>
+      (function () {
+        const saved = localStorage.getItem("theme") || "theme-dark";
+        document.documentElement.classList.add(saved);
+      })();
+    </script>
+    <slot name="head" />
+  </head>
+  <body>
+    <PreviewToolbar currentLocale={currentLocale} localeUrls={localeUrls} />
+    <div class:list={["page-wrapper", { "with-sidebar": hasSidebar }]}>
+      {
+        hasSidebar && (
+          <aside class="sidebar-area">
+            <slot name="sidebar" />
+          </aside>
+        )
+      }
+      <main>
+        <slot />
+      </main>
+    </div>
+  </body>
+</html>
+
+<style is:global>
+  :root {
+    --accent: #f43f5e;
+    --primary-base: #9f1239;
+    --cyan: #06b6d4;
+  }
+
+  .theme-dark,
+  .theme-light {
+    --text-main: var(--text-base);
+    --border-color: var(--border-base);
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
   body {
     background-color: var(--bg-page);
     color: var(--text-base);
@@ -79,8 +79,8 @@ const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Ast
     transition:
       background-color 0.3s ease,
       color 0.3s ease;
-  }
-
+  }
+
   main {
     padding: 0 2rem;
   }
@@ -89,23 +89,23 @@ const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Ast
     display: flex;
     flex-direction: column;
   }
-
-  .page-wrapper.with-sidebar {
-    display: grid;
-    grid-template-columns: 240px 1fr;
-    min-height: 100vh;
-  }
-
-  .sidebar-area {
-    position: sticky;
-    top: 0;
-    height: 100vh;
-    overflow-y: auto;
-    border-right: 1px solid var(--border-color);
-    background: var(--bg-page);
-  }
-
-  @media (max-width: 768px) {
+
+  .page-wrapper.with-sidebar {
+    display: grid;
+    grid-template-columns: 240px 1fr;
+    min-height: 100vh;
+  }
+
+  .sidebar-area {
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+    border-right: 1px solid var(--border-color);
+    background: var(--bg-page);
+  }
+
+  @media (max-width: 768px) {
     .page-wrapper.with-sidebar {
       grid-template-columns: 1fr;
     }
@@ -114,5 +114,5 @@ const { title, currentLocale = "es", localeUrls = {}, hasSidebar = false } = Ast
       display: none;
     }
   }
-</style>
-
+</style>
+