@xscriptor/xcomponents 0.1.0 → 0.1.1

package/dist/components/navigation/index.css

@@ -1,5 +1,5 @@
 /* src/components/navigation/xnavbar/XNavbar.module.css */
-.header {
+.XNavbar_header3 {
   height: 100%;
   display: flex;
   align-items: center;
@@ -11,26 +11,26 @@
   z-index: 60;
 }
 @media (min-width: 640px) {
-  .header {
+  .XNavbar_header3 {
     padding-inline: 2rem;
   }
 }
 @media (min-width: 768px) {
-  .header {
+  .XNavbar_header3 {
     padding-inline: 3rem;
   }
 }
 @media (min-width: 1024px) {
-  .header {
+  .XNavbar_header3 {
     padding-inline: 5rem;
   }
 }
 @media (min-width: 1280px) {
-  .header {
+  .XNavbar_header3 {
     padding-inline: 12rem;
   }
 }
-.desktopNav {
+.XNavbar_desktopNav3 {
   display: none;
   align-items: center;
   width: 100%;
@@ -38,35 +38,35 @@
   padding-bottom: 0.5rem;
 }
 @media (min-width: 768px) {
-  .desktopNav {
+  .XNavbar_desktopNav3 {
     display: grid;
   }
 }
-.desktopLinksLeft,
-.desktopLinksRight {
+.XNavbar_desktopLinksLeft3,
+.XNavbar_desktopLinksRight3 {
   display: flex;
   align-items: center;
   gap: 1.5rem;
   min-width: 0;
 }
-.desktopLinksLeft {
+.XNavbar_desktopLinksLeft3 {
   justify-content: flex-end;
 }
-.desktopLinksRight {
+.XNavbar_desktopLinksRight3 {
   justify-content: flex-start;
 }
-.logoSlot {
+.XNavbar_logoSlot3 {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.logoWrapper {
+.XNavbar_logoWrapper3 {
   position: relative;
   margin-inline: 1rem;
   display: flex;
   align-items: center;
 }
-.logoBtn {
+.XNavbar_logoBtn3 {
   font-weight: 700;
   font-size: 1.5rem;
   line-height: 1;
@@ -77,21 +77,21 @@
   color: var(--text);
   padding: 0;
 }
-.iconTray {
+.XNavbar_iconTray3 {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
 }
-.iconTrayRight {
+.XNavbar_iconTrayRight3 {
   left: 100%;
   padding-left: 0.75rem;
 }
-.iconTrayLeft {
+.XNavbar_iconTrayLeft3 {
   right: 100%;
   padding-right: 0.75rem;
 }
-.navLink {
+.XNavbar_navLink3 {
   padding: 0.25rem;
   border-bottom: 2px solid transparent;
   transition:
@@ -102,30 +102,30 @@
   text-decoration: none;
   white-space: nowrap;
 }
-.navLink:hover {
+.XNavbar_navLink3:hover {
   color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));
   opacity: var(--xnav-link-hover-opacity, 0.7);
 }
-.navLinkActive {
+.XNavbar_navLinkActive3 {
   border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));
   font-weight: 600;
 }
-.navLinkExternal::after {
+.XNavbar_navLinkExternal3::after {
   content: " \2197";
   font-size: 0.7em;
   opacity: 0.6;
 }
-.mobileToggle {
+.XNavbar_mobileToggle3 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 @media (min-width: 768px) {
-  .mobileToggle {
+  .XNavbar_mobileToggle3 {
     display: none;
   }
 }
-.hamburgerBtn {
+.XNavbar_hamburgerBtn3 {
   width: 2.5rem;
   height: 2rem;
   display: flex;
@@ -139,13 +139,13 @@
   z-index: 80;
   padding: 0;
 }
-.bar {
+.XNavbar_bar3 {
   width: var(--xnav-bar-w, 2rem);
   height: var(--xnav-bar-h, 3px);
   background: var(--xnav-bar-color, var(--text));
   border-radius: 2px;
 }
-.mobileOverlay {
+.XNavbar_mobileOverlay3 {
   position: fixed;
   inset: 0;
   width: 100vw;
@@ -160,7 +160,7 @@
   font-size: 2.5rem;
   z-index: 9999;
 }
-.mobileCloseBtn {
+.XNavbar_mobileCloseBtn3 {
   position: fixed;
   top: 2rem;
   left: 1rem;
@@ -176,7 +176,7 @@
   z-index: 10000;
   -webkit-tap-highlight-color: transparent;
 }
-.closeBar {
+.XNavbar_closeBar3 {
   display: block;
   position: absolute;
   width: 2rem;
@@ -184,13 +184,13 @@
   border-radius: 2px;
   background: currentColor;
 }
-.mobileLogo {
+.XNavbar_mobileLogo3 {
   font-weight: 700;
   font-size: 3rem;
   user-select: none;
   pointer-events: none;
 }
-.mobileNavLink {
+.XNavbar_mobileNavLink3 {
   font-size: 2.5rem;
   color: var(--xnav-link-color, var(--text));
   text-decoration: none;
@@ -201,15 +201,15 @@
     opacity 0.2s;
   padding: 0.25rem;
 }
-.mobileNavLink:hover {
+.XNavbar_mobileNavLink3:hover {
   color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));
   opacity: var(--xnav-link-hover-opacity, 0.7);
 }
-.mobileNavLinkActive {
+.XNavbar_mobileNavLinkActive3 {
   font-weight: 600;
   border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));
 }
-.themeToggleMobile {
+.XNavbar_themeToggleMobile3 {
   margin-top: 1rem;
   font-size: 1rem;
   padding: 0.5rem 1rem;
@@ -223,7 +223,7 @@
   cursor: pointer;
   transition: opacity 0.2s;
 }
-.themeToggleMobile:hover {
+.XNavbar_themeToggleMobile3:hover {
   opacity: 0.7;
 }
-/*# sourceMappingURL=index.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/navigation/index.css.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/navigation/xnavbar/XNavbar.module.css"],"sourcesContent":["/* ────────────────────────────────────────────\n   XNavbar.module.css\n   Navbar completamente libre de Tailwind.\n   Usa variables CSS del tema global (--bg, --text, --border, --accent).\n   ──────────────────────────────────────────── */\n\n/* ── Header / contenedor raíz ── */\n.header {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2rem 3rem;\n  background: var(--bg);\n  color: var(--text);\n  font-size: 1.25rem;\n  z-index: 60;\n}\n\n@media (min-width: 640px)  { .header { padding-inline: 2rem; } }\n@media (min-width: 768px)  { .header { padding-inline: 3rem; } }\n@media (min-width: 1024px) { .header { padding-inline: 5rem; } }\n@media (min-width: 1280px) { .header { padding-inline: 12rem; } }\n\n/* ── Desktop nav ── */\n.desktopNav {\n  display: none;\n  align-items: center;\n  width: 100%;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n  padding-bottom: 0.5rem;\n}\n\n@media (min-width: 768px) {\n  .desktopNav {\n    display: grid;\n  }\n}\n\n.desktopLinksLeft,\n.desktopLinksRight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  min-width: 0;\n}\n\n.desktopLinksLeft {\n  justify-content: flex-end;\n}\n\n.desktopLinksRight {\n  justify-content: flex-start;\n}\n\n.logoSlot {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* ── Logo / botón central (desktop) ── */\n.logoWrapper {\n  position: relative;\n  margin-inline: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.logoBtn {\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1;\n  user-select: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--text);\n  padding: 0;\n}\n\n/* ── Tray de íconos hover (sun/moon) ── */\n.iconTray {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.iconTrayRight {\n  left: 100%;\n  padding-left: 0.75rem;\n}\n\n.iconTrayLeft {\n  right: 100%;\n  padding-right: 0.75rem;\n}\n\n/* ── NavLink (desktop) ── */\n.navLink {\n  padding: 0.25rem;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, opacity 0.2s, color 0.2s;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.navLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.navLinkActive {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n/* External link indicator */\n.navLinkExternal::after {\n  content: \" ↗\";\n  font-size: 0.7em;\n  opacity: 0.6;\n}\n\n/* ── Mobile hamburger ── */\n.mobileToggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (min-width: 768px) {\n  .mobileToggle {\n    display: none;\n  }\n}\n\n.hamburgerBtn {\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  z-index: 80;\n  padding: 0;\n}\n\n.bar {\n  width: var(--xnav-bar-w, 2rem);\n  height: var(--xnav-bar-h, 3px);\n  background: var(--xnav-bar-color, var(--text));\n  border-radius: 2px;\n}\n\n/* ── Mobile overlay (portal) ── */\n.mobileOverlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100svh;\n  background: var(--bg);\n  color: var(--text);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  font-size: 2.5rem;\n  z-index: 9999;\n}\n\n.mobileCloseBtn {\n  position: fixed;\n  top: 2rem;\n  left: 1rem;\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  /* hereda el mismo color que las barras del hamburguesa */\n  color: var(--xnav-bar-color, var(--text));\n  z-index: 10000;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.closeBar {\n  display: block;\n  position: absolute;\n  width: 2rem;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;\n}\n\n.mobileLogo {\n  font-weight: 700;\n  font-size: 3rem;\n  user-select: none;\n  pointer-events: none;\n}\n\n.mobileNavLink {\n  font-size: 2.5rem;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, color 0.2s, opacity 0.2s;\n  padding: 0.25rem;\n}\n\n.mobileNavLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.mobileNavLinkActive {\n  font-weight: 600;\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n}\n\n/* ── Botón tema (móvil) ── */\n.themeToggleMobile {\n  margin-top: 1rem;\n  font-size: 1rem;\n  padding: 0.5rem 1rem;\n  border: 1px solid var(--border);\n  border-radius: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: none;\n  color: var(--text);\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.themeToggleMobile:hover {\n  opacity: 0.7;\n}\n"],"mappings":"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","names":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/navigation/xnavbar/XNavbar.module.css"],
+  "sourcesContent": ["/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   XNavbar.module.css\n   Navbar completamente libre de Tailwind.\n   Usa variables CSS del tema global (--bg, --text, --border, --accent).\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* \u2500\u2500 Header / contenedor ra\u00EDz \u2500\u2500 */\n.header {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2rem 3rem;\n  background: var(--bg);\n  color: var(--text);\n  font-size: 1.25rem;\n  z-index: 60;\n}\n\n@media (min-width: 640px)  { .header { padding-inline: 2rem; } }\n@media (min-width: 768px)  { .header { padding-inline: 3rem; } }\n@media (min-width: 1024px) { .header { padding-inline: 5rem; } }\n@media (min-width: 1280px) { .header { padding-inline: 12rem; } }\n\n/* \u2500\u2500 Desktop nav \u2500\u2500 */\n.desktopNav {\n  display: none;\n  align-items: center;\n  width: 100%;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n  padding-bottom: 0.5rem;\n}\n\n@media (min-width: 768px) {\n  .desktopNav {\n    display: grid;\n  }\n}\n\n.desktopLinksLeft,\n.desktopLinksRight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  min-width: 0;\n}\n\n.desktopLinksLeft {\n  justify-content: flex-end;\n}\n\n.desktopLinksRight {\n  justify-content: flex-start;\n}\n\n.logoSlot {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* \u2500\u2500 Logo / bot\u00F3n central (desktop) \u2500\u2500 */\n.logoWrapper {\n  position: relative;\n  margin-inline: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.logoBtn {\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1;\n  user-select: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--text);\n  padding: 0;\n}\n\n/* \u2500\u2500 Tray de \u00EDconos hover (sun/moon) \u2500\u2500 */\n.iconTray {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.iconTrayRight {\n  left: 100%;\n  padding-left: 0.75rem;\n}\n\n.iconTrayLeft {\n  right: 100%;\n  padding-right: 0.75rem;\n}\n\n/* \u2500\u2500 NavLink (desktop) \u2500\u2500 */\n.navLink {\n  padding: 0.25rem;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, opacity 0.2s, color 0.2s;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.navLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.navLinkActive {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n/* External link indicator */\n.navLinkExternal::after {\n  content: \" \u2197\";\n  font-size: 0.7em;\n  opacity: 0.6;\n}\n\n/* \u2500\u2500 Mobile hamburger \u2500\u2500 */\n.mobileToggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (min-width: 768px) {\n  .mobileToggle {\n    display: none;\n  }\n}\n\n.hamburgerBtn {\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  z-index: 80;\n  padding: 0;\n}\n\n.bar {\n  width: var(--xnav-bar-w, 2rem);\n  height: var(--xnav-bar-h, 3px);\n  background: var(--xnav-bar-color, var(--text));\n  border-radius: 2px;\n}\n\n/* \u2500\u2500 Mobile overlay (portal) \u2500\u2500 */\n.mobileOverlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100svh;\n  background: var(--bg);\n  color: var(--text);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  font-size: 2.5rem;\n  z-index: 9999;\n}\n\n.mobileCloseBtn {\n  position: fixed;\n  top: 2rem;\n  left: 1rem;\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  /* hereda el mismo color que las barras del hamburguesa */\n  color: var(--xnav-bar-color, var(--text));\n  z-index: 10000;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.closeBar {\n  display: block;\n  position: absolute;\n  width: 2rem;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;\n}\n\n.mobileLogo {\n  font-weight: 700;\n  font-size: 3rem;\n  user-select: none;\n  pointer-events: none;\n}\n\n.mobileNavLink {\n  font-size: 2.5rem;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, color 0.2s, opacity 0.2s;\n  padding: 0.25rem;\n}\n\n.mobileNavLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.mobileNavLinkActive {\n  font-weight: 600;\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n}\n\n/* \u2500\u2500 Bot\u00F3n tema (m\u00F3vil) \u2500\u2500 */\n.themeToggleMobile {\n  margin-top: 1rem;\n  font-size: 1rem;\n  padding: 0.5rem 1rem;\n  border: 1px solid var(--border);\n  border-radius: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: none;\n  color: var(--text);\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.themeToggleMobile:hover {\n  opacity: 0.7;\n}\n"],
+  "mappings": "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",
+  "names": ["header", "desktopNav", "desktopLinksLeft", "desktopLinksRight", "logoSlot", "logoWrapper", "logoBtn", "iconTray", "iconTrayRight", "iconTrayLeft", "navLink", "navLinkActive", "navLinkExternal", "mobileToggle", "hamburgerBtn", "bar", "mobileOverlay", "mobileCloseBtn", "closeBar", "mobileLogo", "mobileNavLink", "mobileNavLinkActive", "themeToggleMobile"]
+}

package/dist/components/navigation/index.d.ts

@@ -1,76 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-type NavLinkItem = {
-    /** Ruta destino */
-    url: string;
-    /** Texto visible */
-    title: string;
-    /** Si es true abre en pestaña nueva y muestra el indicador ↗ */
-    external?: boolean;
-};
-/**
- * ReactNode estático O función de render (size, color?) => ReactNode.
- * La función recibe el tamaño y el color vigente para que el ícono
- * pueda adaptarse dinámicamente a los props del navbar.
- */
-type IconRenderer = ReactNode | ((size: number, color?: string) => ReactNode);
-type ThemeToggleIcons = {
-    /** Ícono/renderer hacia tema oscuro (ReactNode o función) */
-    toDark: IconRenderer;
-    /** Ícono/renderer hacia tema claro (ReactNode o función) */
-    toLight: IconRenderer;
-};
-type XNavbarProps = {
-    /** Links que aparecen a la izquierda del logo en desktop */
-    linksLeft?: NavLinkItem[];
-    /** Links que aparecen a la derecha del logo en desktop */
-    linksRight?: NavLinkItem[];
-    /** Contenido del botón central (texto o JSX). Por defecto: "X" */
-    logo?: ReactNode;
-    /** Si true el logo actúa como toggle de tema (comportamiento original). Default: true */
-    logoAsThemeToggle?: boolean;
-    /** Callback custom si logoAsThemeToggle es false */
-    onLogoClick?: () => void;
-    /** Íconos para el toggle de tema. Si no se pasa, no se mostrará hint de ícono */
-    themeIcons?: ThemeToggleIcons;
-    /** Tema inicial. Default: "light" */
-    defaultTheme?: "light" | "dark";
-    /** Key de localStorage para persistencia del tema. Default: "theme" */
-    storageKey?: string;
-    /** Color base de los enlaces (Inicio, Contacto, etc.). Default: var(--text) */
-    linkColor?: string;
-    /** Color al hacer hover sobre los enlaces. Default: opacidad reducida del linkColor */
-    linkHoverColor?: string;
-    /** Color del borde inferior del enlace activo. Default: linkColor */
-    linkActiveColor?: string;
-    /** Color base de los íconos. Acepta cualquier valor CSS: hex, hsl, "var(--accent)", etc.
-     *  Si no se pasa, los íconos heredan el color del texto (currentColor). */
-    iconColor?: string;
-    /** Color que toman los íconos al hacer hover sobre el logo. Default: iconColor */
-    iconHoverColor?: string;
-    /** Tamaño en px que se pasa a IconRenderer cuando es función. Default: 22 */
-    iconSize?: number;
-    /** Color de las 3 barras (y la X de cierre móvil). Acepta cualquier valor CSS. Default: var(--text) */
-    hamburgerColor?: string;
-    /** Ancho de las barras. Cualquier unidad CSS. Default: "2rem" */
-    hamburgerBarWidth?: string;
-    /** Grosor (altura) de las barras. Cualquier unidad CSS. Default: "3px" */
-    hamburgerBarThickness?: string;
-    /** Inyecta variables CSS extra directamente en el style del <header>.
-     *  Útil para pasar tokens del tema: { '--xnav-icon-color': 'var(--accent)' } */
-    cssVars?: Record<string, string>;
-    /** aria-label del botón hamburguesa cuando está cerrado. Default: "Abrir menú" */
-    labelOpen?: string;
-    /** aria-label del botón hamburguesa cuando está abierto. Default: "Cerrar menú" */
-    labelClose?: string;
-    /** Texto del botón de tema oscuro en menú móvil. Default: "Oscuro" */
-    labelDark?: string;
-    /** Texto del botón de tema claro en menú móvil. Default: "Claro" */
-    labelLight?: string;
-    /** className extra que se añade al <header> */
-    className?: string;
-};
-declare function XNavbar({ linksLeft, linksRight, logo, logoAsThemeToggle, onLogoClick, themeIcons, defaultTheme, storageKey, linkColor, linkHoverColor, linkActiveColor, iconColor, iconHoverColor, iconSize, hamburgerColor, hamburgerBarWidth, hamburgerBarThickness, cssVars, labelOpen, labelClose, labelDark, labelLight, className, }: XNavbarProps): react_jsx_runtime.JSX.Element;
-
-export { type IconRenderer, type NavLinkItem, type ThemeToggleIcons, XNavbar, type XNavbarProps };
+export { XNavbar } from "./xnavbar";
+export type { XNavbarProps, NavLinkItem, ThemeToggleIcons, IconRenderer, } from "./xnavbar";

package/dist/components/navigation/index.js

@@ -41,7 +41,31 @@ var import_link = __toESM(require("next/link"));
 var import_navigation = require("next/navigation");
 
 // src/components/navigation/xnavbar/XNavbar.module.css
-var XNavbar_default = {};
+var XNavbar_default = {
+  header: "XNavbar_header3",
+  desktopNav: "XNavbar_desktopNav3",
+  desktopLinksLeft: "XNavbar_desktopLinksLeft3",
+  desktopLinksRight: "XNavbar_desktopLinksRight3",
+  logoSlot: "XNavbar_logoSlot3",
+  logoWrapper: "XNavbar_logoWrapper3",
+  logoBtn: "XNavbar_logoBtn3",
+  iconTray: "XNavbar_iconTray3",
+  iconTrayRight: "XNavbar_iconTrayRight3",
+  iconTrayLeft: "XNavbar_iconTrayLeft3",
+  navLink: "XNavbar_navLink3",
+  navLinkActive: "XNavbar_navLinkActive3",
+  navLinkExternal: "XNavbar_navLinkExternal3",
+  mobileToggle: "XNavbar_mobileToggle3",
+  hamburgerBtn: "XNavbar_hamburgerBtn3",
+  bar: "XNavbar_bar3",
+  mobileOverlay: "XNavbar_mobileOverlay3",
+  mobileCloseBtn: "XNavbar_mobileCloseBtn3",
+  closeBar: "XNavbar_closeBar3",
+  mobileLogo: "XNavbar_mobileLogo3",
+  mobileNavLink: "XNavbar_mobileNavLink3",
+  mobileNavLinkActive: "XNavbar_mobileNavLinkActive3",
+  themeToggleMobile: "XNavbar_themeToggleMobile3"
+};
 
 // src/components/navigation/xnavbar/XNavbar.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -340,8 +364,4 @@ function XNavbar({
     }
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  XNavbar
-});
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/index.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/navigation/index.ts","../../../src/components/navigation/xnavbar/XNavbar.tsx","../../../src/components/navigation/xnavbar/XNavbar.module.css"],"sourcesContent":["export { XNavbar } from \"./xnavbar\";\nexport type {\n  XNavbarProps,\n  NavLinkItem,\n  ThemeToggleIcons,\n  IconRenderer,\n} from \"./xnavbar\";\n","\"use client\";\n\nimport { useEffect, useState, ReactNode, CSSProperties } from \"react\";\nimport { motion, Variants } from \"framer-motion\";\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\nimport styles from \"./XNavbar.module.css\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Tipos públicos — exportados para que el consumidor pueda tipear sus datos\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type NavLinkItem = {\n  /** Ruta destino */\n  url: string;\n  /** Texto visible */\n  title: string;\n  /** Si es true abre en pestaña nueva y muestra el indicador ↗ */\n  external?: boolean;\n};\n\n/**\n * ReactNode estático O función de render (size, color?) => ReactNode.\n * La función recibe el tamaño y el color vigente para que el ícono\n * pueda adaptarse dinámicamente a los props del navbar.\n */\nexport type IconRenderer = ReactNode | ((size: number, color?: string) => ReactNode);\n\nexport type ThemeToggleIcons = {\n  /** Ícono/renderer hacia tema oscuro (ReactNode o función) */\n  toDark: IconRenderer;\n  /** Ícono/renderer hacia tema claro (ReactNode o función) */\n  toLight: IconRenderer;\n};\n\nexport type XNavbarProps = {\n  // ── Navegación ──────────────────────────────────────────────────────────\n  /** Links que aparecen a la izquierda del logo en desktop */\n  linksLeft?: NavLinkItem[];\n  /** Links que aparecen a la derecha del logo en desktop */\n  linksRight?: NavLinkItem[];\n\n  // ── Logo central ────────────────────────────────────────────────────────\n  /** Contenido del botón central (texto o JSX). Por defecto: \"X\" */\n  logo?: ReactNode;\n  /** Si true el logo actúa como toggle de tema (comportamiento original). Default: true */\n  logoAsThemeToggle?: boolean;\n  /** Callback custom si logoAsThemeToggle es false */\n  onLogoClick?: () => void;\n\n  // ── Toggle de tema ──────────────────────────────────────────────────────\n  /** Íconos para el toggle de tema. Si no se pasa, no se mostrará hint de ícono */\n  themeIcons?: ThemeToggleIcons;\n  /** Tema inicial. Default: \"light\" */\n  defaultTheme?: \"light\" | \"dark\";\n  /** Key de localStorage para persistencia del tema. Default: \"theme\" */\n  storageKey?: string;\n\n  // ── Color de los enlaces de navegación ──────────────────────────────────────\n  /** Color base de los enlaces (Inicio, Contacto, etc.). Default: var(--text) */\n  linkColor?: string;\n  /** Color al hacer hover sobre los enlaces. Default: opacidad reducida del linkColor */\n  linkHoverColor?: string;\n  /** Color del borde inferior del enlace activo. Default: linkColor */\n  linkActiveColor?: string;\n\n  // ── Color y tamaño de íconos theme-toggle ────────────────────────────────\n  /** Color base de los íconos. Acepta cualquier valor CSS: hex, hsl, \"var(--accent)\", etc.\n   *  Si no se pasa, los íconos heredan el color del texto (currentColor). */\n  iconColor?: string;\n  /** Color que toman los íconos al hacer hover sobre el logo. Default: iconColor */\n  iconHoverColor?: string;\n  /** Tamaño en px que se pasa a IconRenderer cuando es función. Default: 22 */\n  iconSize?: number;\n\n  // ── Hamburguesa ──────────────────────────────────────────────────────────\n  /** Color de las 3 barras (y la X de cierre móvil). Acepta cualquier valor CSS. Default: var(--text) */\n  hamburgerColor?: string;\n  /** Ancho de las barras. Cualquier unidad CSS. Default: \"2rem\" */\n  hamburgerBarWidth?: string;\n  /** Grosor (altura) de las barras. Cualquier unidad CSS. Default: \"3px\" */\n  hamburgerBarThickness?: string;\n\n  // ── Variables CSS personalizadas ─────────────────────────────────────────\n  /** Inyecta variables CSS extra directamente en el style del <header>.\n   *  Útil para pasar tokens del tema: { '--xnav-icon-color': 'var(--accent)' } */\n  cssVars?: Record<string, string>;\n\n  // ── Labels de accesibilidad ─────────────────────────────────────────────\n  /** aria-label del botón hamburguesa cuando está cerrado. Default: \"Abrir menú\" */\n  labelOpen?: string;\n  /** aria-label del botón hamburguesa cuando está abierto. Default: \"Cerrar menú\" */\n  labelClose?: string;\n  /** Texto del botón de tema oscuro en menú móvil. Default: \"Oscuro\" */\n  labelDark?: string;\n  /** Texto del botón de tema claro en menú móvil. Default: \"Claro\" */\n  labelLight?: string;\n\n  // ── Estilos adicionales ─────────────────────────────────────────────────\n  /** className extra que se añade al <header> */\n  className?: string;\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Variantes de animación (idénticas al navbar original)\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst iconTrayRightVariants: Variants = {\n  hidden: { opacity: 0, x: -6, pointerEvents: \"none\" },\n  visible: { opacity: 1, x: 0, pointerEvents: \"none\", transition: { duration: 0.18 } },\n};\nconst iconTrayLeftVariants: Variants = {\n  hidden: { opacity: 0, x: 6, pointerEvents: \"none\" },\n  visible: { opacity: 1, x: 0, pointerEvents: \"none\", transition: { duration: 0.18 } },\n};\n\nconst topVariants: Variants    = { closed: { rotate: 0 }, opened: { rotate: 45 } };\nconst centerVariants: Variants = { closed: { opacity: 1 }, opened: { opacity: 0 } };\nconst bottomVariants: Variants = { closed: { rotate: 0 }, opened: { rotate: -45 } };\n\nconst listVariants: Variants = {\n  closed: { x: \"100vw\" },\n  opened: { x: 0, transition: { when: \"beforeChildren\", staggerChildren: 0.02 } },\n};\nconst itemVariants: Variants = {\n  closed: { x: -10, opacity: 0 },\n  opened: { x: 0, opacity: 1 },\n};\n\n/** Renderiza un IconRenderer: si es función la llama con (size, color?), si es ReactNode lo devuelve tal cual. */\nfunction renderIcon(\n  icon: IconRenderer,\n  size: number,\n  color?: string\n): ReactNode {\n  if (typeof icon === \"function\") return icon(size, color);\n  return icon;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Sub-componente NavLink (interno)\n// ─────────────────────────────────────────────────────────────────────────────\n\ntype NavLinkProps = {\n  link: NavLinkItem;\n  onClick?: () => void;\n  mobile?: boolean;\n};\n\nfunction XNavLink({ link, onClick, mobile }: NavLinkProps) {\n  const pathname = usePathname();\n  const isActive =\n    link.url === \"/\" ? pathname === \"/\" : pathname?.startsWith(link.url);\n\n  const baseClass = mobile ? styles.mobileNavLink : styles.navLink;\n  const activeClass = mobile ? styles.mobileNavLinkActive : styles.navLinkActive;\n  const externalClass = link.external ? styles.navLinkExternal : \"\";\n\n  return (\n    <Link\n      href={link.url}\n      onClick={onClick}\n      target={link.external ? \"_blank\" : undefined}\n      rel={link.external ? \"noopener noreferrer\" : undefined}\n      aria-label={`Ir a ${link.title}`}\n      aria-current={isActive ? \"page\" : undefined}\n      className={[baseClass, isActive ? activeClass : \"\", externalClass]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      {link.title}\n    </Link>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Componente principal XNavbar\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport default function XNavbar({\n  linksLeft = [],\n  linksRight = [],\n  logo = \"X\",\n  logoAsThemeToggle = true,\n  onLogoClick,\n  themeIcons,\n  defaultTheme = \"light\",\n  storageKey = \"theme\",\n  linkColor,\n  linkHoverColor,\n  linkActiveColor,\n  iconColor,\n  iconHoverColor,\n  iconSize = 22,\n  hamburgerColor,\n  hamburgerBarWidth,\n  hamburgerBarThickness,\n  cssVars,\n  labelOpen = \"Abrir menú\",\n  labelClose = \"Cerrar menú\",\n  labelDark = \"Oscuro\",\n  labelLight = \"Claro\",\n  className,\n}: XNavbarProps) {\n  const [open, setOpen] = useState(false);\n  const [hoverX, setHoverX] = useState(false);\n  const [theme, setTheme] = useState<\"light\" | \"dark\">(defaultTheme);\n\n  // Persistir tema\n  useEffect(() => {\n    const saved = (typeof window !== \"undefined\" &&\n      localStorage.getItem(storageKey)) as \"light\" | \"dark\" | null;\n    applyTheme(saved ?? defaultTheme);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  function applyTheme(t: \"light\" | \"dark\") {\n    setTheme(t);\n    const root = document.documentElement;\n    if (t === \"dark\") root.setAttribute(\"data-theme\", \"dark\");\n    else root.removeAttribute(\"data-theme\");\n    localStorage.setItem(storageKey, t);\n  }\n\n  function toggleTheme() {\n    applyTheme(theme === \"dark\" ? \"light\" : \"dark\");\n  }\n\n  // Bloquear scroll — usamos documentElement para no tocar document.body\n  useEffect(() => {\n    document.documentElement.style.overflow = open ? \"hidden\" : \"\";\n    return () => { document.documentElement.style.overflow = \"\"; };\n  }, [open]);\n\n  // Cerrar con ESC\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [open]);\n\n  const allLinks = [...linksLeft, ...linksRight];\n\n  // ── CSS vars inyectadas en el <header> via inline style ─────────────────\n  // Usando \"--xnav-*\" como namespace para no colisionar con vars globales.\n  const headerStyle = {\n    ...(linkColor         && { \"--xnav-link-color\"  : linkColor }),\n    ...(linkHoverColor    && { \"--xnav-link-hover\"  : linkHoverColor }),\n    ...(linkActiveColor   && { \"--xnav-link-active\" : linkActiveColor }),\n    ...(iconColor         && { \"--xnav-icon-color\"  : iconColor }),\n    ...(iconHoverColor    && { \"--xnav-icon-hover\"  : iconHoverColor }),\n    ...(hamburgerColor    && { \"--xnav-bar-color\"   : hamburgerColor }),\n    ...(hamburgerBarWidth   && { \"--xnav-bar-w\"     : hamburgerBarWidth }),\n    ...(hamburgerBarThickness && { \"--xnav-bar-h\"   : hamburgerBarThickness }),\n    ...cssVars,\n  } as CSSProperties;\n\n  // Acción del logo central\n  const handleLogoClick = () => {\n    if (logoAsThemeToggle) {\n      toggleTheme();\n    } else {\n      onLogoClick?.();\n    }\n  };\n\n  const logoAriaLabel = logoAsThemeToggle\n    ? `Cambiar a tema ${theme === \"dark\" ? \"claro\" : \"oscuro\"}`\n    : undefined;\n\n  const logoTitle = logoAsThemeToggle\n    ? theme === \"dark\"\n      ? \"Cambiar a tema claro\"\n      : \"Cambiar a tema oscuro\"\n    : undefined;\n\n  return (\n    <header\n      className={[styles.header, className].filter(Boolean).join(\" \")}\n      style={headerStyle}\n      role=\"banner\"\n    >\n      {/* ── Desktop ── */}\n      <nav className={styles.desktopNav} aria-label=\"Navegación principal\">\n        <div className={styles.desktopLinksLeft}>\n          {linksLeft.map((link) => (\n            <XNavLink key={link.url + link.title} link={link} />\n          ))}\n        </div>\n\n        {/* Botón logo central */}\n        <div className={styles.logoSlot}>\n          <div\n            className={styles.logoWrapper}\n            onMouseEnter={() => setHoverX(true)}\n            onMouseLeave={() => setHoverX(false)}\n          >\n            <button\n              type=\"button\"\n              onClick={handleLogoClick}\n              aria-label={logoAriaLabel}\n              title={logoTitle}\n              className={styles.logoBtn}\n            >\n              {logo}\n            </button>\n\n            {/* Ícono hint al hover (solo si se pasan themeIcons y el logo es toggle de tema) */}\n            {logoAsThemeToggle && themeIcons && (\n              <>\n                {theme === \"light\" ? (\n                  <motion.div\n                    initial={false}\n                    animate={hoverX ? \"visible\" : \"hidden\"}\n                    variants={iconTrayRightVariants}\n                    className={`${styles.iconTray} ${styles.iconTrayRight}`}\n                    style={{\n                      color:\n                        (hoverX ? iconHoverColor ?? iconColor : iconColor) ||\n                        undefined,\n                    }}\n                    aria-hidden\n                  >\n                    {renderIcon(themeIcons.toDark, iconSize, iconColor)}\n                  </motion.div>\n                ) : (\n                  <motion.div\n                    initial={false}\n                    animate={hoverX ? \"visible\" : \"hidden\"}\n                    variants={iconTrayLeftVariants}\n                    className={`${styles.iconTray} ${styles.iconTrayLeft}`}\n                    style={{\n                      color:\n                        (hoverX ? iconHoverColor ?? iconColor : iconColor) ||\n                        undefined,\n                    }}\n                    aria-hidden\n                  >\n                    {renderIcon(themeIcons.toLight, iconSize, iconColor)}\n                  </motion.div>\n                )}\n              </>\n            )}\n          </div>\n        </div>\n\n        <div className={styles.desktopLinksRight}>\n          {linksRight.map((link) => (\n            <XNavLink key={link.url + link.title} link={link} />\n          ))}\n        </div>\n      </nav>\n\n      {/* ── Mobile: botón hamburguesa ── */}\n      <div className={styles.mobileToggle}>\n        <button\n          aria-label={open ? labelClose : labelOpen}\n          aria-expanded={open}\n          aria-controls=\"xnavbar-mobile-menu\"\n          onClick={() => setOpen((p) => !p)}\n          className={styles.hamburgerBtn}\n          title={open ? labelClose : labelOpen}\n        >\n          <motion.div\n            variants={topVariants}\n            initial=\"closed\"\n            animate={open ? \"opened\" : \"closed\"}\n            className={styles.bar}\n            style={{ originX: \"left\" }}\n            aria-hidden\n          />\n          <motion.div\n            variants={centerVariants}\n            initial=\"closed\"\n            animate={open ? \"opened\" : \"closed\"}\n            className={styles.bar}\n            aria-hidden\n          />\n          <motion.div\n            variants={bottomVariants}\n            initial=\"closed\"\n            animate={open ? \"opened\" : \"closed\"}\n            className={styles.bar}\n            style={{ originX: \"left\" }}\n            aria-hidden\n          />\n        </button>\n      </div>\n\n      {/* ── Mobile overlay — position:fixed, sin portal, sin document.body ── */}\n      {open && (\n        <motion.div\n          id=\"xnavbar-mobile-menu\"\n          variants={listVariants}\n          initial=\"closed\"\n          animate=\"opened\"\n          className={styles.mobileOverlay}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Menú de navegación\"\n        >\n          {/* Botón cerrar */}\n          <button\n            aria-label={labelClose}\n            onClick={() => setOpen(false)}\n            className={styles.mobileCloseBtn}\n            style={{ WebkitTapHighlightColor: \"transparent\" }}\n          >\n            <span\n              aria-hidden\n              className={styles.closeBar}\n              style={{ transform: \"rotate(45deg)\" }}\n            />\n            <span\n              aria-hidden\n              className={styles.closeBar}\n              style={{ transform: \"rotate(-45deg)\" }}\n            />\n            <span className=\"sr-only\">{labelClose}</span>\n          </button>\n\n          {/* Logo decorativo */}\n          <motion.div variants={itemVariants} className={styles.mobileLogo}>\n            {logo}\n          </motion.div>\n\n          {/* Links */}\n          {allLinks.map((link) => (\n            <motion.div key={link.url + link.title} variants={itemVariants}>\n              <XNavLink\n                link={link}\n                onClick={() => setOpen(false)}\n                mobile\n              />\n            </motion.div>\n          ))}\n\n          {/* Toggle de tema */}\n          <motion.button\n            variants={itemVariants}\n            onClick={toggleTheme}\n            className={styles.themeToggleMobile}\n          >\n            {themeIcons ? (\n              theme === \"light\" ? (\n                <>\n                  {renderIcon(themeIcons.toDark, iconSize, iconColor)}\n                  {labelDark}\n                </>\n              ) : (\n                <>\n                  {renderIcon(themeIcons.toLight, iconSize, iconColor)}\n                  {labelLight}\n                </>\n              )\n            ) : theme === \"light\" ? (\n              labelDark\n            ) : (\n              labelLight\n            )}\n          </motion.button>\n        </motion.div>\n      )}\n    </header>\n  );\n}\n","/* ────────────────────────────────────────────\n   XNavbar.module.css\n   Navbar completamente libre de Tailwind.\n   Usa variables CSS del tema global (--bg, --text, --border, --accent).\n   ──────────────────────────────────────────── */\n\n/* ── Header / contenedor raíz ── */\n.header {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2rem 3rem;\n  background: var(--bg);\n  color: var(--text);\n  font-size: 1.25rem;\n  z-index: 60;\n}\n\n@media (min-width: 640px)  { .header { padding-inline: 2rem; } }\n@media (min-width: 768px)  { .header { padding-inline: 3rem; } }\n@media (min-width: 1024px) { .header { padding-inline: 5rem; } }\n@media (min-width: 1280px) { .header { padding-inline: 12rem; } }\n\n/* ── Desktop nav ── */\n.desktopNav {\n  display: none;\n  align-items: center;\n  width: 100%;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n  padding-bottom: 0.5rem;\n}\n\n@media (min-width: 768px) {\n  .desktopNav {\n    display: grid;\n  }\n}\n\n.desktopLinksLeft,\n.desktopLinksRight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  min-width: 0;\n}\n\n.desktopLinksLeft {\n  justify-content: flex-end;\n}\n\n.desktopLinksRight {\n  justify-content: flex-start;\n}\n\n.logoSlot {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* ── Logo / botón central (desktop) ── */\n.logoWrapper {\n  position: relative;\n  margin-inline: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.logoBtn {\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1;\n  user-select: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--text);\n  padding: 0;\n}\n\n/* ── Tray de íconos hover (sun/moon) ── */\n.iconTray {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.iconTrayRight {\n  left: 100%;\n  padding-left: 0.75rem;\n}\n\n.iconTrayLeft {\n  right: 100%;\n  padding-right: 0.75rem;\n}\n\n/* ── NavLink (desktop) ── */\n.navLink {\n  padding: 0.25rem;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, opacity 0.2s, color 0.2s;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.navLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.navLinkActive {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n/* External link indicator */\n.navLinkExternal::after {\n  content: \" ↗\";\n  font-size: 0.7em;\n  opacity: 0.6;\n}\n\n/* ── Mobile hamburger ── */\n.mobileToggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (min-width: 768px) {\n  .mobileToggle {\n    display: none;\n  }\n}\n\n.hamburgerBtn {\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  z-index: 80;\n  padding: 0;\n}\n\n.bar {\n  width: var(--xnav-bar-w, 2rem);\n  height: var(--xnav-bar-h, 3px);\n  background: var(--xnav-bar-color, var(--text));\n  border-radius: 2px;\n}\n\n/* ── Mobile overlay (portal) ── */\n.mobileOverlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100svh;\n  background: var(--bg);\n  color: var(--text);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  font-size: 2.5rem;\n  z-index: 9999;\n}\n\n.mobileCloseBtn {\n  position: fixed;\n  top: 2rem;\n  left: 1rem;\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  /* hereda el mismo color que las barras del hamburguesa */\n  color: var(--xnav-bar-color, var(--text));\n  z-index: 10000;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.closeBar {\n  display: block;\n  position: absolute;\n  width: 2rem;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;\n}\n\n.mobileLogo {\n  font-weight: 700;\n  font-size: 3rem;\n  user-select: none;\n  pointer-events: none;\n}\n\n.mobileNavLink {\n  font-size: 2.5rem;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, color 0.2s, opacity 0.2s;\n  padding: 0.25rem;\n}\n\n.mobileNavLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.mobileNavLinkActive {\n  font-weight: 600;\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n}\n\n/* ── Botón tema (móvil) ── */\n.themeToggleMobile {\n  margin-top: 1rem;\n  font-size: 1rem;\n  padding: 0.5rem 1rem;\n  border: 1px solid var(--border);\n  border-radius: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: none;\n  color: var(--text);\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.themeToggleMobile:hover {\n  opacity: 0.7;\n}\n"],"mappings":"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","names":["Link"]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/navigation/index.ts", "../../../src/components/navigation/xnavbar/XNavbar.tsx", "../../../src/components/navigation/xnavbar/XNavbar.module.css"],
+  "sourcesContent": ["export { XNavbar } from \"./xnavbar\";\nexport type {\n  XNavbarProps,\n  NavLinkItem,\n  ThemeToggleIcons,\n  IconRenderer,\n} from \"./xnavbar\";\n", "\"use client\";\n\nimport { useEffect, useState, ReactNode, CSSProperties } from \"react\";\nimport { motion, Variants } from \"framer-motion\";\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\nimport styles from \"./XNavbar.module.css\";\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Tipos p\u00FAblicos \u2014 exportados para que el consumidor pueda tipear sus datos\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type NavLinkItem = {\n  /** Ruta destino */\n  url: string;\n  /** Texto visible */\n  title: string;\n  /** Si es true abre en pesta\u00F1a nueva y muestra el indicador \u2197 */\n  external?: boolean;\n};\n\n/**\n * ReactNode est\u00E1tico O funci\u00F3n de render (size, color?) => ReactNode.\n * La funci\u00F3n recibe el tama\u00F1o y el color vigente para que el \u00EDcono\n * pueda adaptarse din\u00E1micamente a los props del navbar.\n */\nexport type IconRenderer = ReactNode | ((size: number, color?: string) => ReactNode);\n\nexport type ThemeToggleIcons = {\n  /** \u00CDcono/renderer hacia tema oscuro (ReactNode o funci\u00F3n) */\n  toDark: IconRenderer;\n  /** \u00CDcono/renderer hacia tema claro (ReactNode o funci\u00F3n) */\n  toLight: IconRenderer;\n};\n\nexport type XNavbarProps = {\n  // \u2500\u2500 Navegaci\u00F3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** Links que aparecen a la izquierda del logo en desktop */\n  linksLeft?: NavLinkItem[];\n  /** Links que aparecen a la derecha del logo en desktop */\n  linksRight?: NavLinkItem[];\n\n  // \u2500\u2500 Logo central \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** Contenido del bot\u00F3n central (texto o JSX). Por defecto: \"X\" */\n  logo?: ReactNode;\n  /** Si true el logo act\u00FAa como toggle de tema (comportamiento original). Default: true */\n  logoAsThemeToggle?: boolean;\n  /** Callback custom si logoAsThemeToggle es false */\n  onLogoClick?: () => void;\n\n  // \u2500\u2500 Toggle de tema \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** \u00CDconos para el toggle de tema. Si no se pasa, no se mostrar\u00E1 hint de \u00EDcono */\n  themeIcons?: ThemeToggleIcons;\n  /** Tema inicial. Default: \"light\" */\n  defaultTheme?: \"light\" | \"dark\";\n  /** Key de localStorage para persistencia del tema. Default: \"theme\" */\n  storageKey?: string;\n\n  // \u2500\u2500 Color de los enlaces de navegaci\u00F3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** Color base de los enlaces (Inicio, Contacto, etc.). Default: var(--text) */\n  linkColor?: string;\n  /** Color al hacer hover sobre los enlaces. Default: opacidad reducida del linkColor */\n  linkHoverColor?: string;\n  /** Color del borde inferior del enlace activo. Default: linkColor */\n  linkActiveColor?: string;\n\n  // \u2500\u2500 Color y tama\u00F1o de \u00EDconos theme-toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** Color base de los \u00EDconos. Acepta cualquier valor CSS: hex, hsl, \"var(--accent)\", etc.\n   *  Si no se pasa, los \u00EDconos heredan el color del texto (currentColor). */\n  iconColor?: string;\n  /** Color que toman los \u00EDconos al hacer hover sobre el logo. Default: iconColor */\n  iconHoverColor?: string;\n  /** Tama\u00F1o en px que se pasa a IconRenderer cuando es funci\u00F3n. Default: 22 */\n  iconSize?: number;\n\n  // \u2500\u2500 Hamburguesa \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** Color de las 3 barras (y la X de cierre m\u00F3vil). Acepta cualquier valor CSS. Default: var(--text) */\n  hamburgerColor?: string;\n  /** Ancho de las barras. Cualquier unidad CSS. Default: \"2rem\" */\n  hamburgerBarWidth?: string;\n  /** Grosor (altura) de las barras. Cualquier unidad CSS. Default: \"3px\" */\n  hamburgerBarThickness?: string;\n\n  // \u2500\u2500 Variables CSS personalizadas \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** Inyecta variables CSS extra directamente en el style del <header>.\n   *  \u00DAtil para pasar tokens del tema: { '--xnav-icon-color': 'var(--accent)' } */\n  cssVars?: Record<string, string>;\n\n  // \u2500\u2500 Labels de accesibilidad \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** aria-label del bot\u00F3n hamburguesa cuando est\u00E1 cerrado. Default: \"Abrir men\u00FA\" */\n  labelOpen?: string;\n  /** aria-label del bot\u00F3n hamburguesa cuando est\u00E1 abierto. Default: \"Cerrar men\u00FA\" */\n  labelClose?: string;\n  /** Texto del bot\u00F3n de tema oscuro en men\u00FA m\u00F3vil. Default: \"Oscuro\" */\n  labelDark?: string;\n  /** Texto del bot\u00F3n de tema claro en men\u00FA m\u00F3vil. Default: \"Claro\" */\n  labelLight?: string;\n\n  // \u2500\u2500 Estilos adicionales \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  /** className extra que se a\u00F1ade al <header> */\n  className?: string;\n};\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Variantes de animaci\u00F3n (id\u00E9nticas al navbar original)\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst iconTrayRightVariants: Variants = {\n  hidden: { opacity: 0, x: -6, pointerEvents: \"none\" },\n  visible: { opacity: 1, x: 0, pointerEvents: \"none\", transition: { duration: 0.18 } },\n};\nconst iconTrayLeftVariants: Variants = {\n  hidden: { opacity: 0, x: 6, pointerEvents: \"none\" },\n  visible: { opacity: 1, x: 0, pointerEvents: \"none\", transition: { duration: 0.18 } },\n};\n\nconst topVariants: Variants    = { closed: { rotate: 0 }, opened: { rotate: 45 } };\nconst centerVariants: Variants = { closed: { opacity: 1 }, opened: { opacity: 0 } };\nconst bottomVariants: Variants = { closed: { rotate: 0 }, opened: { rotate: -45 } };\n\nconst listVariants: Variants = {\n  closed: { x: \"100vw\" },\n  opened: { x: 0, transition: { when: \"beforeChildren\", staggerChildren: 0.02 } },\n};\nconst itemVariants: Variants = {\n  closed: { x: -10, opacity: 0 },\n  opened: { x: 0, opacity: 1 },\n};\n\n/** Renderiza un IconRenderer: si es funci\u00F3n la llama con (size, color?), si es ReactNode lo devuelve tal cual. */\nfunction renderIcon(\n  icon: IconRenderer,\n  size: number,\n  color?: string\n): ReactNode {\n  if (typeof icon === \"function\") return icon(size, color);\n  return icon;\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Sub-componente NavLink (interno)\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ntype NavLinkProps = {\n  link: NavLinkItem;\n  onClick?: () => void;\n  mobile?: boolean;\n};\n\nfunction XNavLink({ link, onClick, mobile }: NavLinkProps) {\n  const pathname = usePathname();\n  const isActive =\n    link.url === \"/\" ? pathname === \"/\" : pathname?.startsWith(link.url);\n\n  const baseClass = mobile ? styles.mobileNavLink : styles.navLink;\n  const activeClass = mobile ? styles.mobileNavLinkActive : styles.navLinkActive;\n  const externalClass = link.external ? styles.navLinkExternal : \"\";\n\n  return (\n    <Link\n      href={link.url}\n      onClick={onClick}\n      target={link.external ? \"_blank\" : undefined}\n      rel={link.external ? \"noopener noreferrer\" : undefined}\n      aria-label={`Ir a ${link.title}`}\n      aria-current={isActive ? \"page\" : undefined}\n      className={[baseClass, isActive ? activeClass : \"\", externalClass]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      {link.title}\n    </Link>\n  );\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Componente principal XNavbar\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport default function XNavbar({\n  linksLeft = [],\n  linksRight = [],\n  logo = \"X\",\n  logoAsThemeToggle = true,\n  onLogoClick,\n  themeIcons,\n  defaultTheme = \"light\",\n  storageKey = \"theme\",\n  linkColor,\n  linkHoverColor,\n  linkActiveColor,\n  iconColor,\n  iconHoverColor,\n  iconSize = 22,\n  hamburgerColor,\n  hamburgerBarWidth,\n  hamburgerBarThickness,\n  cssVars,\n  labelOpen = \"Abrir men\u00FA\",\n  labelClose = \"Cerrar men\u00FA\",\n  labelDark = \"Oscuro\",\n  labelLight = \"Claro\",\n  className,\n}: XNavbarProps) {\n  const [open, setOpen] = useState(false);\n  const [hoverX, setHoverX] = useState(false);\n  const [theme, setTheme] = useState<\"light\" | \"dark\">(defaultTheme);\n\n  // Persistir tema\n  useEffect(() => {\n    const saved = (typeof window !== \"undefined\" &&\n      localStorage.getItem(storageKey)) as \"light\" | \"dark\" | null;\n    applyTheme(saved ?? defaultTheme);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  function applyTheme(t: \"light\" | \"dark\") {\n    setTheme(t);\n    const root = document.documentElement;\n    if (t === \"dark\") root.setAttribute(\"data-theme\", \"dark\");\n    else root.removeAttribute(\"data-theme\");\n    localStorage.setItem(storageKey, t);\n  }\n\n  function toggleTheme() {\n    applyTheme(theme === \"dark\" ? \"light\" : \"dark\");\n  }\n\n  // Bloquear scroll \u2014 usamos documentElement para no tocar document.body\n  useEffect(() => {\n    document.documentElement.style.overflow = open ? \"hidden\" : \"\";\n    return () => { document.documentElement.style.overflow = \"\"; };\n  }, [open]);\n\n  // Cerrar con ESC\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") setOpen(false);\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [open]);\n\n  const allLinks = [...linksLeft, ...linksRight];\n\n  // \u2500\u2500 CSS vars inyectadas en el <header> via inline style \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  // Usando \"--xnav-*\" como namespace para no colisionar con vars globales.\n  const headerStyle = {\n    ...(linkColor         && { \"--xnav-link-color\"  : linkColor }),\n    ...(linkHoverColor    && { \"--xnav-link-hover\"  : linkHoverColor }),\n    ...(linkActiveColor   && { \"--xnav-link-active\" : linkActiveColor }),\n    ...(iconColor         && { \"--xnav-icon-color\"  : iconColor }),\n    ...(iconHoverColor    && { \"--xnav-icon-hover\"  : iconHoverColor }),\n    ...(hamburgerColor    && { \"--xnav-bar-color\"   : hamburgerColor }),\n    ...(hamburgerBarWidth   && { \"--xnav-bar-w\"     : hamburgerBarWidth }),\n    ...(hamburgerBarThickness && { \"--xnav-bar-h\"   : hamburgerBarThickness }),\n    ...cssVars,\n  } as CSSProperties;\n\n  // Acci\u00F3n del logo central\n  const handleLogoClick = () => {\n    if (logoAsThemeToggle) {\n      toggleTheme();\n    } else {\n      onLogoClick?.();\n    }\n  };\n\n  const logoAriaLabel = logoAsThemeToggle\n    ? `Cambiar a tema ${theme === \"dark\" ? \"claro\" : \"oscuro\"}`\n    : undefined;\n\n  const logoTitle = logoAsThemeToggle\n    ? theme === \"dark\"\n      ? \"Cambiar a tema claro\"\n      : \"Cambiar a tema oscuro\"\n    : undefined;\n\n  return (\n    <header\n      className={[styles.header, className].filter(Boolean).join(\" \")}\n      style={headerStyle}\n      role=\"banner\"\n    >\n      {/* \u2500\u2500 Desktop \u2500\u2500 */}\n      <nav className={styles.desktopNav} aria-label=\"Navegaci\u00F3n principal\">\n        <div className={styles.desktopLinksLeft}>\n          {linksLeft.map((link) => (\n            <XNavLink key={link.url + link.title} link={link} />\n          ))}\n        </div>\n\n        {/* Bot\u00F3n logo central */}\n        <div className={styles.logoSlot}>\n          <div\n            className={styles.logoWrapper}\n            onMouseEnter={() => setHoverX(true)}\n            onMouseLeave={() => setHoverX(false)}\n          >\n            <button\n              type=\"button\"\n              onClick={handleLogoClick}\n              aria-label={logoAriaLabel}\n              title={logoTitle}\n              className={styles.logoBtn}\n            >\n              {logo}\n            </button>\n\n            {/* \u00CDcono hint al hover (solo si se pasan themeIcons y el logo es toggle de tema) */}\n            {logoAsThemeToggle && themeIcons && (\n              <>\n                {theme === \"light\" ? (\n                  <motion.div\n                    initial={false}\n                    animate={hoverX ? \"visible\" : \"hidden\"}\n                    variants={iconTrayRightVariants}\n                    className={`${styles.iconTray} ${styles.iconTrayRight}`}\n                    style={{\n                      color:\n                        (hoverX ? iconHoverColor ?? iconColor : iconColor) ||\n                        undefined,\n                    }}\n                    aria-hidden\n                  >\n                    {renderIcon(themeIcons.toDark, iconSize, iconColor)}\n                  </motion.div>\n                ) : (\n                  <motion.div\n                    initial={false}\n                    animate={hoverX ? \"visible\" : \"hidden\"}\n                    variants={iconTrayLeftVariants}\n                    className={`${styles.iconTray} ${styles.iconTrayLeft}`}\n                    style={{\n                      color:\n                        (hoverX ? iconHoverColor ?? iconColor : iconColor) ||\n                        undefined,\n                    }}\n                    aria-hidden\n                  >\n                    {renderIcon(themeIcons.toLight, iconSize, iconColor)}\n                  </motion.div>\n                )}\n              </>\n            )}\n          </div>\n        </div>\n\n        <div className={styles.desktopLinksRight}>\n          {linksRight.map((link) => (\n            <XNavLink key={link.url + link.title} link={link} />\n          ))}\n        </div>\n      </nav>\n\n      {/* \u2500\u2500 Mobile: bot\u00F3n hamburguesa \u2500\u2500 */}\n      <div className={styles.mobileToggle}>\n        <button\n          aria-label={open ? labelClose : labelOpen}\n          aria-expanded={open}\n          aria-controls=\"xnavbar-mobile-menu\"\n          onClick={() => setOpen((p) => !p)}\n          className={styles.hamburgerBtn}\n          title={open ? labelClose : labelOpen}\n        >\n          <motion.div\n            variants={topVariants}\n            initial=\"closed\"\n            animate={open ? \"opened\" : \"closed\"}\n            className={styles.bar}\n            style={{ originX: \"left\" }}\n            aria-hidden\n          />\n          <motion.div\n            variants={centerVariants}\n            initial=\"closed\"\n            animate={open ? \"opened\" : \"closed\"}\n            className={styles.bar}\n            aria-hidden\n          />\n          <motion.div\n            variants={bottomVariants}\n            initial=\"closed\"\n            animate={open ? \"opened\" : \"closed\"}\n            className={styles.bar}\n            style={{ originX: \"left\" }}\n            aria-hidden\n          />\n        </button>\n      </div>\n\n      {/* \u2500\u2500 Mobile overlay \u2014 position:fixed, sin portal, sin document.body \u2500\u2500 */}\n      {open && (\n        <motion.div\n          id=\"xnavbar-mobile-menu\"\n          variants={listVariants}\n          initial=\"closed\"\n          animate=\"opened\"\n          className={styles.mobileOverlay}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Men\u00FA de navegaci\u00F3n\"\n        >\n          {/* Bot\u00F3n cerrar */}\n          <button\n            aria-label={labelClose}\n            onClick={() => setOpen(false)}\n            className={styles.mobileCloseBtn}\n            style={{ WebkitTapHighlightColor: \"transparent\" }}\n          >\n            <span\n              aria-hidden\n              className={styles.closeBar}\n              style={{ transform: \"rotate(45deg)\" }}\n            />\n            <span\n              aria-hidden\n              className={styles.closeBar}\n              style={{ transform: \"rotate(-45deg)\" }}\n            />\n            <span className=\"sr-only\">{labelClose}</span>\n          </button>\n\n          {/* Logo decorativo */}\n          <motion.div variants={itemVariants} className={styles.mobileLogo}>\n            {logo}\n          </motion.div>\n\n          {/* Links */}\n          {allLinks.map((link) => (\n            <motion.div key={link.url + link.title} variants={itemVariants}>\n              <XNavLink\n                link={link}\n                onClick={() => setOpen(false)}\n                mobile\n              />\n            </motion.div>\n          ))}\n\n          {/* Toggle de tema */}\n          <motion.button\n            variants={itemVariants}\n            onClick={toggleTheme}\n            className={styles.themeToggleMobile}\n          >\n            {themeIcons ? (\n              theme === \"light\" ? (\n                <>\n                  {renderIcon(themeIcons.toDark, iconSize, iconColor)}\n                  {labelDark}\n                </>\n              ) : (\n                <>\n                  {renderIcon(themeIcons.toLight, iconSize, iconColor)}\n                  {labelLight}\n                </>\n              )\n            ) : theme === \"light\" ? (\n              labelDark\n            ) : (\n              labelLight\n            )}\n          </motion.button>\n        </motion.div>\n      )}\n    </header>\n  );\n}\n", "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   XNavbar.module.css\n   Navbar completamente libre de Tailwind.\n   Usa variables CSS del tema global (--bg, --text, --border, --accent).\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* \u2500\u2500 Header / contenedor ra\u00EDz \u2500\u2500 */\n.header {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 2rem 3rem;\n  background: var(--bg);\n  color: var(--text);\n  font-size: 1.25rem;\n  z-index: 60;\n}\n\n@media (min-width: 640px)  { .header { padding-inline: 2rem; } }\n@media (min-width: 768px)  { .header { padding-inline: 3rem; } }\n@media (min-width: 1024px) { .header { padding-inline: 5rem; } }\n@media (min-width: 1280px) { .header { padding-inline: 12rem; } }\n\n/* \u2500\u2500 Desktop nav \u2500\u2500 */\n.desktopNav {\n  display: none;\n  align-items: center;\n  width: 100%;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n  padding-bottom: 0.5rem;\n}\n\n@media (min-width: 768px) {\n  .desktopNav {\n    display: grid;\n  }\n}\n\n.desktopLinksLeft,\n.desktopLinksRight {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  min-width: 0;\n}\n\n.desktopLinksLeft {\n  justify-content: flex-end;\n}\n\n.desktopLinksRight {\n  justify-content: flex-start;\n}\n\n.logoSlot {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* \u2500\u2500 Logo / bot\u00F3n central (desktop) \u2500\u2500 */\n.logoWrapper {\n  position: relative;\n  margin-inline: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.logoBtn {\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1;\n  user-select: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--text);\n  padding: 0;\n}\n\n/* \u2500\u2500 Tray de \u00EDconos hover (sun/moon) \u2500\u2500 */\n.iconTray {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n\n.iconTrayRight {\n  left: 100%;\n  padding-left: 0.75rem;\n}\n\n.iconTrayLeft {\n  right: 100%;\n  padding-right: 0.75rem;\n}\n\n/* \u2500\u2500 NavLink (desktop) \u2500\u2500 */\n.navLink {\n  padding: 0.25rem;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, opacity 0.2s, color 0.2s;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.navLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.navLinkActive {\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n  font-weight: 600;\n}\n\n/* External link indicator */\n.navLinkExternal::after {\n  content: \" \u2197\";\n  font-size: 0.7em;\n  opacity: 0.6;\n}\n\n/* \u2500\u2500 Mobile hamburger \u2500\u2500 */\n.mobileToggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (min-width: 768px) {\n  .mobileToggle {\n    display: none;\n  }\n}\n\n.hamburgerBtn {\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  z-index: 80;\n  padding: 0;\n}\n\n.bar {\n  width: var(--xnav-bar-w, 2rem);\n  height: var(--xnav-bar-h, 3px);\n  background: var(--xnav-bar-color, var(--text));\n  border-radius: 2px;\n}\n\n/* \u2500\u2500 Mobile overlay (portal) \u2500\u2500 */\n.mobileOverlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100svh;\n  background: var(--bg);\n  color: var(--text);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  font-size: 2.5rem;\n  z-index: 9999;\n}\n\n.mobileCloseBtn {\n  position: fixed;\n  top: 2rem;\n  left: 1rem;\n  width: 2.5rem;\n  height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  /* hereda el mismo color que las barras del hamburguesa */\n  color: var(--xnav-bar-color, var(--text));\n  z-index: 10000;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.closeBar {\n  display: block;\n  position: absolute;\n  width: 2rem;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;\n}\n\n.mobileLogo {\n  font-weight: 700;\n  font-size: 3rem;\n  user-select: none;\n  pointer-events: none;\n}\n\n.mobileNavLink {\n  font-size: 2.5rem;\n  color: var(--xnav-link-color, var(--text));\n  text-decoration: none;\n  border-bottom: 2px solid transparent;\n  transition: border-color 0.2s, color 0.2s, opacity 0.2s;\n  padding: 0.25rem;\n}\n\n.mobileNavLink:hover {\n  color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));\n  opacity: var(--xnav-link-hover-opacity, 0.7);\n}\n\n.mobileNavLinkActive {\n  font-weight: 600;\n  border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));\n}\n\n/* \u2500\u2500 Bot\u00F3n tema (m\u00F3vil) \u2500\u2500 */\n.themeToggleMobile {\n  margin-top: 1rem;\n  font-size: 1rem;\n  padding: 0.5rem 1rem;\n  border: 1px solid var(--border);\n  border-radius: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: none;\n  color: var(--text);\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.themeToggleMobile:hover {\n  opacity: 0.7;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAA8D;AAC9D,2BAAiC;AACjC,kBAAiB;AACjB,wBAA4B;;;ACL5B;AAAA,EAOC,QAAAA;AAAA,EAkBA,YAAAC;AAAA,EAcA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EAeA,UAAAC;AAAA,EAOA,aAAAC;AAAA,EAOA,SAAAC;AAAA,EAaA,UAAAC;AAAA,EAOA,eAAAC;AAAA,EAKA,cAAAC;AAAA,EAMA,SAAAC;AAAA,EAcA,eAAAC;AAAA,EAMA,iBAAAC;AAAA,EAOA,cAAAC;AAAA,EAYA,cAAAC;AAAA,EAeA,KAAAC;AAAA,EAQA,eAAAC;AAAA,EAgBA,gBAAAC;AAAA,EAkBA,UAAAC;AAAA,EASA,YAAAC;AAAA,EAOA,eAAAC;AAAA,EAcA,qBAAAC;AAAA,EAMA,mBAAAC;AAAA;;;ADzEG;AApDJ,IAAM,wBAAkC;AAAA,EACtC,QAAQ,EAAE,SAAS,GAAG,GAAG,IAAI,eAAe,OAAO;AAAA,EACnD,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,eAAe,QAAQ,YAAY,EAAE,UAAU,KAAK,EAAE;AACrF;AACA,IAAM,uBAAiC;AAAA,EACrC,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG,eAAe,OAAO;AAAA,EAClD,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,eAAe,QAAQ,YAAY,EAAE,UAAU,KAAK,EAAE;AACrF;AAEA,IAAM,cAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,QAAQ,GAAG,EAAE;AACjF,IAAM,iBAA2B,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,SAAS,EAAE,EAAE;AAClF,IAAM,iBAA2B,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,QAAQ,IAAI,EAAE;AAElF,IAAM,eAAyB;AAAA,EAC7B,QAAQ,EAAE,GAAG,QAAQ;AAAA,EACrB,QAAQ,EAAE,GAAG,GAAG,YAAY,EAAE,MAAM,kBAAkB,iBAAiB,KAAK,EAAE;AAChF;AACA,IAAM,eAAyB;AAAA,EAC7B,QAAQ,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,EAC7B,QAAQ,EAAE,GAAG,GAAG,SAAS,EAAE;AAC7B;AAGA,SAAS,WACP,MACA,MACA,OACW;AACX,MAAI,OAAO,SAAS,WAAY,QAAO,KAAK,MAAM,KAAK;AACvD,SAAO;AACT;AAYA,SAAS,SAAS,EAAE,MAAM,SAAS,OAAO,GAAiB;AACzD,QAAM,eAAW,+BAAY;AAC7B,QAAM,WACJ,KAAK,QAAQ,MAAM,aAAa,MAAM,UAAU,WAAW,KAAK,GAAG;AAErE,QAAM,YAAY,SAAS,gBAAO,gBAAgB,gBAAO;AACzD,QAAM,cAAc,SAAS,gBAAO,sBAAsB,gBAAO;AACjE,QAAM,gBAAgB,KAAK,WAAW,gBAAO,kBAAkB;AAE/D,SACE;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX;AAAA,MACA,QAAQ,KAAK,WAAW,WAAW;AAAA,MACnC,KAAK,KAAK,WAAW,wBAAwB;AAAA,MAC7C,cAAY,QAAQ,KAAK,KAAK;AAAA,MAC9B,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,CAAC,WAAW,WAAW,cAAc,IAAI,aAAa,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEV,eAAK;AAAA;AAAA,EACR;AAEJ;AAMe,SAAR,QAAyB;AAAA,EAC9B,YAAY,CAAC;AAAA,EACb,aAAa,CAAC;AAAA,EACd,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AACF,GAAiB;AACf,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA2B,YAAY;AAGjE,8BAAU,MAAM;AACd,UAAM,QAAS,OAAO,WAAW,eAC/B,aAAa,QAAQ,UAAU;AACjC,eAAW,SAAS,YAAY;AAAA,EAElC,GAAG,CAAC,CAAC;AAEL,WAAS,WAAW,GAAqB;AACvC,aAAS,CAAC;AACV,UAAM,OAAO,SAAS;AACtB,QAAI,MAAM,OAAQ,MAAK,aAAa,cAAc,MAAM;AAAA,QACnD,MAAK,gBAAgB,YAAY;AACtC,iBAAa,QAAQ,YAAY,CAAC;AAAA,EACpC;AAEA,WAAS,cAAc;AACrB,eAAW,UAAU,SAAS,UAAU,MAAM;AAAA,EAChD;AAGA,8BAAU,MAAM;AACd,aAAS,gBAAgB,MAAM,WAAW,OAAO,WAAW;AAC5D,WAAO,MAAM;AAAE,eAAS,gBAAgB,MAAM,WAAW;AAAA,IAAI;AAAA,EAC/D,GAAG,CAAC,IAAI,CAAC;AAGT,8BAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,SAAQ,KAAK;AAAA,IACvC;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC1D,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,WAAW,CAAC,GAAG,WAAW,GAAG,UAAU;AAI7C,QAAM,cAAc;AAAA,IAClB,GAAI,aAAqB,EAAE,qBAAuB,UAAU;AAAA,IAC5D,GAAI,kBAAqB,EAAE,qBAAuB,eAAe;AAAA,IACjE,GAAI,mBAAqB,EAAE,sBAAuB,gBAAgB;AAAA,IAClE,GAAI,aAAqB,EAAE,qBAAuB,UAAU;AAAA,IAC5D,GAAI,kBAAqB,EAAE,qBAAuB,eAAe;AAAA,IACjE,GAAI,kBAAqB,EAAE,oBAAuB,eAAe;AAAA,IACjE,GAAI,qBAAuB,EAAE,gBAAqB,kBAAkB;AAAA,IACpE,GAAI,yBAAyB,EAAE,gBAAmB,sBAAsB;AAAA,IACxE,GAAG;AAAA,EACL;AAGA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,mBAAmB;AACrB,kBAAY;AAAA,IACd,OAAO;AACL,oBAAc;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,gBAAgB,oBAClB,kBAAkB,UAAU,SAAS,UAAU,QAAQ,KACvD;AAEJ,QAAM,YAAY,oBACd,UAAU,SACR,yBACA,0BACF;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,gBAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC9D,OAAO;AAAA,MACP,MAAK;AAAA,MAGL;AAAA,qDAAC,SAAI,WAAW,gBAAO,YAAY,cAAW,2BAC5C;AAAA,sDAAC,SAAI,WAAW,gBAAO,kBACpB,oBAAU,IAAI,CAAC,SACd,4CAAC,YAAqC,QAAvB,KAAK,MAAM,KAAK,KAAmB,CACnD,GACH;AAAA,UAGA,4CAAC,SAAI,WAAW,gBAAO,UACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,gBAAO;AAAA,cAClB,cAAc,MAAM,UAAU,IAAI;AAAA,cAClC,cAAc,MAAM,UAAU,KAAK;AAAA,cAEnC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,cAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,WAAW,gBAAO;AAAA,oBAEjB;AAAA;AAAA,gBACH;AAAA,gBAGC,qBAAqB,cACpB,2EACG,oBAAU,UACT;AAAA,kBAAC,4BAAO;AAAA,kBAAP;AAAA,oBACC,SAAS;AAAA,oBACT,SAAS,SAAS,YAAY;AAAA,oBAC9B,UAAU;AAAA,oBACV,WAAW,GAAG,gBAAO,QAAQ,IAAI,gBAAO,aAAa;AAAA,oBACrD,OAAO;AAAA,sBACL,QACG,SAAS,kBAAkB,YAAY,cACxC;AAAA,oBACJ;AAAA,oBACA,eAAW;AAAA,oBAEV,qBAAW,WAAW,QAAQ,UAAU,SAAS;AAAA;AAAA,gBACpD,IAEA;AAAA,kBAAC,4BAAO;AAAA,kBAAP;AAAA,oBACC,SAAS;AAAA,oBACT,SAAS,SAAS,YAAY;AAAA,oBAC9B,UAAU;AAAA,oBACV,WAAW,GAAG,gBAAO,QAAQ,IAAI,gBAAO,YAAY;AAAA,oBACpD,OAAO;AAAA,sBACL,QACG,SAAS,kBAAkB,YAAY,cACxC;AAAA,oBACJ;AAAA,oBACA,eAAW;AAAA,oBAEV,qBAAW,WAAW,SAAS,UAAU,SAAS;AAAA;AAAA,gBACrD,GAEJ;AAAA;AAAA;AAAA,UAEJ,GACF;AAAA,UAEA,4CAAC,SAAI,WAAW,gBAAO,mBACpB,qBAAW,IAAI,CAAC,SACf,4CAAC,YAAqC,QAAvB,KAAK,MAAM,KAAK,KAAmB,CACnD,GACH;AAAA,WACF;AAAA,QAGA,4CAAC,SAAI,WAAW,gBAAO,cACrB;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,OAAO,aAAa;AAAA,YAChC,iBAAe;AAAA,YACf,iBAAc;AAAA,YACd,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,YAChC,WAAW,gBAAO;AAAA,YAClB,OAAO,OAAO,aAAa;AAAA,YAE3B;AAAA;AAAA,gBAAC,4BAAO;AAAA,gBAAP;AAAA,kBACC,UAAU;AAAA,kBACV,SAAQ;AAAA,kBACR,SAAS,OAAO,WAAW;AAAA,kBAC3B,WAAW,gBAAO;AAAA,kBAClB,OAAO,EAAE,SAAS,OAAO;AAAA,kBACzB,eAAW;AAAA;AAAA,cACb;AAAA,cACA;AAAA,gBAAC,4BAAO;AAAA,gBAAP;AAAA,kBACC,UAAU;AAAA,kBACV,SAAQ;AAAA,kBACR,SAAS,OAAO,WAAW;AAAA,kBAC3B,WAAW,gBAAO;AAAA,kBAClB,eAAW;AAAA;AAAA,cACb;AAAA,cACA;AAAA,gBAAC,4BAAO;AAAA,gBAAP;AAAA,kBACC,UAAU;AAAA,kBACV,SAAQ;AAAA,kBACR,SAAS,OAAO,WAAW;AAAA,kBAC3B,WAAW,gBAAO;AAAA,kBAClB,OAAO,EAAE,SAAS,OAAO;AAAA,kBACzB,eAAW;AAAA;AAAA,cACb;AAAA;AAAA;AAAA,QACF,GACF;AAAA,QAGC,QACC;AAAA,UAAC,4BAAO;AAAA,UAAP;AAAA,YACC,IAAG;AAAA,YACH,UAAU;AAAA,YACV,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,WAAW,gBAAO;AAAA,YAClB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,cAAW;AAAA,YAGX;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,cAAY;AAAA,kBACZ,SAAS,MAAM,QAAQ,KAAK;AAAA,kBAC5B,WAAW,gBAAO;AAAA,kBAClB,OAAO,EAAE,yBAAyB,cAAc;AAAA,kBAEhD;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,eAAW;AAAA,wBACX,WAAW,gBAAO;AAAA,wBAClB,OAAO,EAAE,WAAW,gBAAgB;AAAA;AAAA,oBACtC;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,eAAW;AAAA,wBACX,WAAW,gBAAO;AAAA,wBAClB,OAAO,EAAE,WAAW,iBAAiB;AAAA;AAAA,oBACvC;AAAA,oBACA,4CAAC,UAAK,WAAU,WAAW,sBAAW;AAAA;AAAA;AAAA,cACxC;AAAA,cAGA,4CAAC,4BAAO,KAAP,EAAW,UAAU,cAAc,WAAW,gBAAO,YACnD,gBACH;AAAA,cAGC,SAAS,IAAI,CAAC,SACb,4CAAC,4BAAO,KAAP,EAAuC,UAAU,cAChD;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,SAAS,MAAM,QAAQ,KAAK;AAAA,kBAC5B,QAAM;AAAA;AAAA,cACR,KALe,KAAK,MAAM,KAAK,KAMjC,CACD;AAAA,cAGD;AAAA,gBAAC,4BAAO;AAAA,gBAAP;AAAA,kBACC,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,WAAW,gBAAO;AAAA,kBAEjB,uBACC,UAAU,UACR,4EACG;AAAA,+BAAW,WAAW,QAAQ,UAAU,SAAS;AAAA,oBACjD;AAAA,qBACH,IAEA,4EACG;AAAA,+BAAW,WAAW,SAAS,UAAU,SAAS;AAAA,oBAClD;AAAA,qBACH,IAEA,UAAU,UACZ,YAEA;AAAA;AAAA,cAEJ;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": ["header", "desktopNav", "desktopLinksLeft", "desktopLinksRight", "logoSlot", "logoWrapper", "logoBtn", "iconTray", "iconTrayRight", "iconTrayLeft", "navLink", "navLinkActive", "navLinkExternal", "mobileToggle", "hamburgerBtn", "bar", "mobileOverlay", "mobileCloseBtn", "closeBar", "mobileLogo", "mobileNavLink", "mobileNavLinkActive", "themeToggleMobile", "Link"]
+}

package/dist/components/navigation/index.mjs

@@ -1,7 +1,7 @@
 import {
   XNavbar
-} from "../../chunk-NY22GB3E.mjs";
+} from "../../chunk-TG3B4GAW.mjs";
 export {
   XNavbar
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/navigation/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/navigation/{index.d.mts → xnavbar/XNavbar.d.ts}

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-type NavLinkItem = {
+import { ReactNode } from "react";
+export type NavLinkItem = {
     /** Ruta destino */
     url: string;
     /** Texto visible */
@@ -14,14 +12,14 @@ type NavLinkItem = {
  * La función recibe el tamaño y el color vigente para que el ícono
  * pueda adaptarse dinámicamente a los props del navbar.
  */
-type IconRenderer = ReactNode | ((size: number, color?: string) => ReactNode);
-type ThemeToggleIcons = {
+export type IconRenderer = ReactNode | ((size: number, color?: string) => ReactNode);
+export type ThemeToggleIcons = {
     /** Ícono/renderer hacia tema oscuro (ReactNode o función) */
     toDark: IconRenderer;
     /** Ícono/renderer hacia tema claro (ReactNode o función) */
     toLight: IconRenderer;
 };
-type XNavbarProps = {
+export type XNavbarProps = {
     /** Links que aparecen a la izquierda del logo en desktop */
     linksLeft?: NavLinkItem[];
     /** Links que aparecen a la derecha del logo en desktop */
@@ -71,6 +69,4 @@ type XNavbarProps = {
     /** className extra que se añade al <header> */
     className?: string;
 };
-declare function XNavbar({ linksLeft, linksRight, logo, logoAsThemeToggle, onLogoClick, themeIcons, defaultTheme, storageKey, linkColor, linkHoverColor, linkActiveColor, iconColor, iconHoverColor, iconSize, hamburgerColor, hamburgerBarWidth, hamburgerBarThickness, cssVars, labelOpen, labelClose, labelDark, labelLight, className, }: XNavbarProps): react_jsx_runtime.JSX.Element;
-
-export { type IconRenderer, type NavLinkItem, type ThemeToggleIcons, XNavbar, type XNavbarProps };
+export default function XNavbar({ linksLeft, linksRight, logo, logoAsThemeToggle, onLogoClick, themeIcons, defaultTheme, storageKey, linkColor, linkHoverColor, linkActiveColor, iconColor, iconHoverColor, iconSize, hamburgerColor, hamburgerBarWidth, hamburgerBarThickness, cssVars, labelOpen, labelClose, labelDark, labelLight, className, }: XNavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/xnavbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as XNavbar } from "./XNavbar";
+export { default } from "./XNavbar";
+export type { XNavbarProps, NavLinkItem, ThemeToggleIcons, IconRenderer } from "./XNavbar";