@shibui-ui/ui 1.20.0 → 1.22.0

package/dist/index361.js

@@ -1,133 +1,149 @@
 import { html, nothing } from "lit";
-function renderHamburger(ctx) {
-  const isLight = ["classic", "centered", "mega", "minimal", "shrink"].includes(ctx.variant);
-  const color = isLight ? "var(--color-washi-600, #7A6A5C)" : "rgba(250,247,244,0.5)";
+const svgChevron = html`
+  <svg class="hdr-link-chevron" width="9" height="6" viewBox="0 0 10 6"
+    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+    <polyline points="1,1 5,5 9,1"/>
+  </svg>`;
+const svgSearch = html`
+  <svg width="12" height="12" viewBox="0 0 16 16" fill="none"
+    stroke="currentColor" stroke-width="1.6" stroke-linecap="round">
+    <circle cx="7" cy="7" r="5"/><line x1="11" y1="11" x2="14" y2="14"/>
+  </svg>`;
+const svgBell = html`
+  <svg width="15" height="15" viewBox="0 0 16 16" fill="none"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+    <path d="M8 1a5 5 0 00-5 5v2l-1 2v1h12v-1l-1-2V6A5 5 0 008 1z"/>
+    <path d="M6 13a2 2 0 004 0"/>
+  </svg>`;
+function renderLogoMark(ctx) {
+  if (ctx.variant === "kintsugi") {
+    return html`
+      <div class="hdr-logo-mark">
+        <span class="hdr-logo-mark-text">${ctx.logoMark}</span>
+      </div>`;
+  }
+  return html`<div class="hdr-logo-mark">${ctx.logoMark}</div>`;
+}
+function renderLogo(ctx) {
+  if (ctx.variant === "glitch") {
+    return html`
+      <a href="${ctx.logoHref}" class="hdr-logo-glitch">
+        ⌗ ${ctx.brandName.toUpperCase()}
+        <span class="hdr-logo-glitch-badge">SYS</span>
+      </a>`;
+  }
+  if (ctx.variant === "minimal") {
+    return html`
+      <a href="${ctx.logoHref}" class="hdr-logo">
+        <span class="hdr-brand-name">${ctx.logoMark}</span>
+      </a>`;
+  }
   return html`
-    <button
-      class="hdr-burger"
-      aria-label="${ctx._mobileOpen ? "Cerrar menú" : "Abrir menú"}"
-      aria-expanded="${ctx._mobileOpen}"
-      aria-controls="hdr-mobile-drawer"
-      @click="${() => ctx._toggleMobile()}"
-    >
-      <svg width="20" height="14" viewBox="0 0 20 14" fill="none"
-        stroke="${color}" stroke-width="1.6" stroke-linecap="round">
-        <line class="hdr-burger-top" x1="0" y1="1"  x2="20" y2="1"/>
-        <line class="hdr-burger-mid" x1="0" y1="7"  x2="20" y2="7"/>
-        <line class="hdr-burger-bot" x1="0" y1="13" x2="20" y2="13"/>
-      </svg>
-    </button>`;
+    <a href="${ctx.logoHref}" class="hdr-logo">
+      ${renderLogoMark(ctx)}
+      <div>
+        <div class="hdr-brand-name">${ctx.brandName}
+          ${ctx.variant === "kintsugi" ? html` <em style="font-style:italic;color:var(--color-kaki-400);">金</em>` : nothing}
+        </div>
+        ${ctx.brandTagline && ctx.variant === "shrink" ? html`<div class="hdr-tagline">${ctx.brandTagline}</div>` : nothing}
+      </div>
+      ${ctx.version && ctx.variant === "dark" ? html`<span class="hdr-version">${ctx.version}</span>` : nothing}
+    </a>`;
 }
-function renderMobileDrawer(ctx) {
+function renderDropdown(_ctx, link) {
   var _a;
-  if (!ctx._mobileOpen) return html``;
   return html`
-    <!-- Backdrop -->
-    <div
-      class="hdr-mobile-backdrop"
-      @click="${() => ctx._closeMobile()}"
-      aria-hidden="true"
-    ></div>
+    <div class="hdr-dd">
+      <span class="hdr-link">
+        ${link.label}
+        ${svgChevron}
+      </span>
+      <div class="hdr-dd-menu">
+        ${(_a = link.dropdown) == null ? void 0 : _a.map((item) => html`
+          <a href="${item.href || "#"}"
+            class="hdr-dd-item ${item.divider ? "hdr-dd-item--divider" : ""}">
+            ${item.label}
+          </a>
+        `)}
+      </div>
+    </div>`;
+}
+function renderLinks(ctx, links) {
+  return html`
+    ${links.map(
+    (link) => {
+      var _a;
+      return ((_a = link.dropdown) == null ? void 0 : _a.length) ? renderDropdown(ctx, link) : html`
+            <a href="${link.href || "#"}"
+              class="hdr-link ${link.active ? "is-active" : ""}"
+              @click="${(e) => {
+        e.preventDefault();
+        ctx._onLinkClick(link.id);
+      }}"
+            >
+              ${ctx.variant === "glitch" ? html`<span>&gt;</span>` : nothing}
+              ${link.label}
+            </a>`;
+    }
+  )}`;
+}
+const ACTION_VARIANT_MAP = {
+  classic: "kaki",
+  centered: "outline",
+  dark: "kaki",
+  transparent: "kaki",
+  kintsugi: "kintsugi",
+  glitch: "glitch",
+  mega: "kaki",
+  shrink: "kaki",
+  minimal: ""
+};
+function renderActions(ctx) {
+  return html`
+    <div class="hdr-actions">
+      ${ctx.loginLabel ? html`
+        <a href="${ctx.loginHref || "#"}" class="hdr-login">${ctx.loginLabel}</a>
+      ` : nothing}
 
-    <!-- Drawer panel -->
-    <nav
-      id="hdr-mobile-drawer"
-      class="hdr-mobile-drawer ${ctx._mobileOpen ? "is-open" : ""}"
-      aria-label="Menú principal"
-    >
-      <!-- Links principales -->
-      <div class="hdr-mobile-links">
-        ${(ctx.links ?? []).map((link) => {
-    var _a2, _b;
+      ${ctx.actions.map((action) => {
+    const cls = action.variant ? `hdr-action--${action.variant}` : `hdr-action--${ACTION_VARIANT_MAP[ctx.variant] || "kaki"}`;
     return html`
-          <a
-            href="${link.href ?? "#"}"
-            class="hdr-mobile-link"
+          <a href="${action.href || "#"}"
+            class="hdr-action ${cls}"
             @click="${(e) => {
       e.preventDefault();
-      ctx._onLinkClick(link.id);
+      ctx._onActionClick(action);
     }}"
-          >
-            ${link.label}
-            ${((_a2 = link.dropdown) == null ? void 0 : _a2.length) ? html`
-              <svg width="8" height="5" viewBox="0 0 10 6" fill="none"
-                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
-                <polyline points="1,1 5,5 9,1"/>
-              </svg>` : nothing}
-          </a>
-
-          <!-- Sub-items — siempre visibles en móvil -->
-          ${((_b = link.dropdown) == null ? void 0 : _b.length) ? html`
-            <div class="hdr-mobile-sub">
-              ${link.dropdown.map((item) => html`
-                <a href="${item.href ?? "#"}" class="hdr-mobile-sub-link">
-                  › ${item.label}
-                </a>
-              `)}
-            </div>
-          ` : nothing}
-        `;
+          >${action.label}</a>`;
   })}
 
-        <!-- Mega columns — accordion plano en móvil -->
-        ${((_a = ctx.megaColumns) == null ? void 0 : _a.length) ? html`
-          <div class="hdr-mobile-sub" style="margin-top:0;">
-            ${ctx.megaColumns.map((col) => html`
-              <p class="hdr-mobile-col-title">${col.title}</p>
-              ${col.items.map((item) => html`
-                <a href="${item.href ?? "#"}" class="hdr-mobile-sub-link">
-                  › ${item.label}
-                </a>
-              `)}
-            `)}
-          </div>
-        ` : nothing}
-      </div>
-
-      <!-- Divider -->
-      <div class="hdr-mobile-divider"></div>
-
-      <!-- Actions / CTAs -->
-      <div class="hdr-mobile-actions">
-        ${ctx.loginLabel ? html`
-          <a href="${ctx.loginHref ?? "#"}" class="hdr-mobile-login">
-            ${ctx.loginLabel}
-          </a>
-        ` : nothing}
-
-        ${(ctx.actions ?? []).map((action) => html`
-          <a
-            href="${action.href ?? "#"}"
-            class="hdr-mobile-cta"
-            @click="${(e) => {
-    e.preventDefault();
-    ctx._onActionClick(action);
-  }}"
-          >
-            ${action.label}
-          </a>
-        `)}
-
-        ${ctx.contactLabel ? html`
-          <a href="${ctx.contactHref ?? "#"}" class="hdr-mobile-login">
-            ${ctx.contactLabel} →
-          </a>
-        ` : nothing}
-      </div>
+      ${ctx.variant === "glitch" ? html`
+        <div class="hdr-online">● online</div>
+      ` : nothing}
 
-      <!-- Footer del drawer -->
-      <div class="hdr-mobile-footer">
-        <span>${ctx.brandName}</span>
-        <button
-          class="hdr-mobile-close"
-          aria-label="Cerrar menú"
-          @click="${() => ctx._closeMobile()}"
-        >✕</button>
-      </div>
+      ${ctx.variant === "minimal" && ctx.contactLabel ? html`
+        <a href="${ctx.contactHref || "#"}" class="hdr-contact">${ctx.contactLabel} →</a>
+      ` : nothing}
+    </div>`;
+}
+function renderBreadcrumbs(items) {
+  return html`
+    <nav class="hdr-breadcrumbs" aria-label="breadcrumb">
+      ${items.map((item, i) => html`
+        ${i > 0 ? html`<span class="hdr-breadcrumb-sep">/</span>` : nothing}
+        ${i < items.length - 1 ? html`<a href="${item.href || "#"}" class="hdr-breadcrumb-link">${item.label}</a>` : html`<span class="hdr-breadcrumb-current">${item.label}</span>`}
+      `)}
     </nav>`;
 }
 export {
-  renderHamburger,
-  renderMobileDrawer
+  renderActions,
+  renderBreadcrumbs,
+  renderDropdown,
+  renderLinks,
+  renderLogo,
+  renderLogoMark,
+  svgBell,
+  svgChevron,
+  svgSearch
 };
 //# sourceMappingURL=index361.js.map

package/dist/index361.js.map

@@ -1 +1 @@
-{"version":3,"file":"index361.js","sources":["../src/components/molecules/header/templates/header-mobile.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport type { NavLink, DropdownItem, HeaderAction } from '../lib-header.types';\n\n/* ══════════════════════════════════════\n   HAMBURGER BUTTON\n   ══════════════════════════════════════ */\n\nexport function renderHamburger(ctx: LibHeader): TemplateResult {\n  const isLight = ['classic', 'centered', 'mega', 'minimal', 'shrink'].includes(ctx.variant);\n  const color   = isLight\n    ? 'var(--color-washi-600, #7A6A5C)'\n    : 'rgba(250,247,244,0.5)';\n\n  return html`\n    <button\n      class=\"hdr-burger\"\n      aria-label=\"${ctx._mobileOpen ? 'Cerrar menú' : 'Abrir menú'}\"\n      aria-expanded=\"${ctx._mobileOpen}\"\n      aria-controls=\"hdr-mobile-drawer\"\n      @click=\"${(): void => ctx._toggleMobile()}\"\n    >\n      <svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\"\n        stroke=\"${color}\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n        <line class=\"hdr-burger-top\" x1=\"0\" y1=\"1\"  x2=\"20\" y2=\"1\"/>\n        <line class=\"hdr-burger-mid\" x1=\"0\" y1=\"7\"  x2=\"20\" y2=\"7\"/>\n        <line class=\"hdr-burger-bot\" x1=\"0\" y1=\"13\" x2=\"20\" y2=\"13\"/>\n      </svg>\n    </button>`;\n}\n\n/* ══════════════════════════════════════\n   MOBILE DRAWER\n   ══════════════════════════════════════ */\n\nexport function renderMobileDrawer(ctx: LibHeader): TemplateResult {\n  if (!ctx._mobileOpen) return html``;\n\n  return html`\n    <!-- Backdrop -->\n    <div\n      class=\"hdr-mobile-backdrop\"\n      @click=\"${(): void => ctx._closeMobile()}\"\n      aria-hidden=\"true\"\n    ></div>\n\n    <!-- Drawer panel -->\n    <nav\n      id=\"hdr-mobile-drawer\"\n      class=\"hdr-mobile-drawer ${ctx._mobileOpen ? 'is-open' : ''}\"\n      aria-label=\"Menú principal\"\n    >\n      <!-- Links principales -->\n      <div class=\"hdr-mobile-links\">\n        ${(ctx.links ?? []).map((link: NavLink) => html`\n          <a\n            href=\"${link.href ?? '#'}\"\n            class=\"hdr-mobile-link\"\n            @click=\"${(e: Event): void => {\n              e.preventDefault();\n              ctx._onLinkClick(link.id);\n            }}\"\n          >\n            ${link.label}\n            ${link.dropdown?.length ? html`\n              <svg width=\"8\" height=\"5\" viewBox=\"0 0 10 6\" fill=\"none\"\n                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n                <polyline points=\"1,1 5,5 9,1\"/>\n              </svg>` : nothing}\n          </a>\n\n          <!-- Sub-items — siempre visibles en móvil -->\n          ${link.dropdown?.length ? html`\n            <div class=\"hdr-mobile-sub\">\n              ${link.dropdown.map((item: DropdownItem) => html`\n                <a href=\"${item.href ?? '#'}\" class=\"hdr-mobile-sub-link\">\n                  › ${item.label}\n                </a>\n              `)}\n            </div>\n          ` : nothing}\n        `)}\n\n        <!-- Mega columns — accordion plano en móvil -->\n        ${ctx.megaColumns?.length ? html`\n          <div class=\"hdr-mobile-sub\" style=\"margin-top:0;\">\n            ${ctx.megaColumns.map(col => html`\n              <p class=\"hdr-mobile-col-title\">${col.title}</p>\n              ${col.items.map(item => html`\n                <a href=\"${item.href ?? '#'}\" class=\"hdr-mobile-sub-link\">\n                  › ${item.label}\n                </a>\n              `)}\n            `)}\n          </div>\n        ` : nothing}\n      </div>\n\n      <!-- Divider -->\n      <div class=\"hdr-mobile-divider\"></div>\n\n      <!-- Actions / CTAs -->\n      <div class=\"hdr-mobile-actions\">\n        ${ctx.loginLabel ? html`\n          <a href=\"${ctx.loginHref ?? '#'}\" class=\"hdr-mobile-login\">\n            ${ctx.loginLabel}\n          </a>\n        ` : nothing}\n\n        ${(ctx.actions ?? []).map((action: HeaderAction) => html`\n          <a\n            href=\"${action.href ?? '#'}\"\n            class=\"hdr-mobile-cta\"\n            @click=\"${(e: Event): void => {\n              e.preventDefault();\n              ctx._onActionClick(action);\n            }}\"\n          >\n            ${action.label}\n          </a>\n        `)}\n\n        ${ctx.contactLabel ? html`\n          <a href=\"${ctx.contactHref ?? '#'}\" class=\"hdr-mobile-login\">\n            ${ctx.contactLabel} →\n          </a>\n        ` : nothing}\n      </div>\n\n      <!-- Footer del drawer -->\n      <div class=\"hdr-mobile-footer\">\n        <span>${ctx.brandName}</span>\n        <button\n          class=\"hdr-mobile-close\"\n          aria-label=\"Cerrar menú\"\n          @click=\"${(): void => ctx._closeMobile()}\"\n        >✕</button>\n      </div>\n    </nav>`;\n}"],"names":["_a"],"mappings":";AAQO,SAAS,gBAAgB,KAAgC;AAC9D,QAAM,UAAU,CAAC,WAAW,YAAY,QAAQ,WAAW,QAAQ,EAAE,SAAS,IAAI,OAAO;AACzF,QAAM,QAAU,UACZ,oCACA;AAEJ,SAAO;AAAA;AAAA;AAAA,oBAGW,IAAI,cAAc,gBAAgB,YAAY;AAAA,uBAC3C,IAAI,WAAW;AAAA;AAAA,gBAEtB,MAAY,IAAI,eAAe;AAAA;AAAA;AAAA,kBAG7B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMvB;AAMO,SAAS,mBAAmB,KAAgC;;AACjE,MAAI,CAAC,IAAI,YAAa,QAAO;AAE7B,SAAO;AAAA;AAAA;AAAA;AAAA,gBAIO,MAAY,IAAI,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAOb,IAAI,cAAc,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKtD,IAAI,SAAS,CAAA,GAAI,IAAI,CAAC;;AAAkB;AAAA;AAAA,oBAE/B,KAAK,QAAQ,GAAG;AAAA;AAAA,sBAEd,CAAC,MAAmB;AAC5B,QAAE,eAAA;AACF,UAAI,aAAa,KAAK,EAAE;AAAA,IAC1B,CAAC;AAAA;AAAA,cAEC,KAAK,KAAK;AAAA,gBACVA,MAAA,KAAK,aAAL,gBAAAA,IAAe,UAAS;AAAA;AAAA;AAAA;AAAA,wBAId,OAAO;AAAA;AAAA;AAAA;AAAA,cAInB,UAAK,aAAL,mBAAe,UAAS;AAAA;AAAA,gBAEpB,KAAK,SAAS,IAAI,CAAC,SAAuB;AAAA,2BAC/B,KAAK,QAAQ,GAAG;AAAA,sBACrB,KAAK,KAAK;AAAA;AAAA,eAEjB,CAAC;AAAA;AAAA,cAEF,OAAO;AAAA;AAAA,GACZ,CAAC;AAAA;AAAA;AAAA,YAGA,SAAI,gBAAJ,mBAAiB,UAAS;AAAA;AAAA,cAEtB,IAAI,YAAY,IAAI,CAAA,QAAO;AAAA,gDACO,IAAI,KAAK;AAAA,gBACzC,IAAI,MAAM,IAAI,CAAA,SAAQ;AAAA,2BACX,KAAK,QAAQ,GAAG;AAAA,sBACrB,KAAK,KAAK;AAAA;AAAA,eAEjB,CAAC;AAAA,aACH,CAAC;AAAA;AAAA,YAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQT,IAAI,aAAa;AAAA,qBACN,IAAI,aAAa,GAAG;AAAA,cAC3B,IAAI,UAAU;AAAA;AAAA,YAEhB,OAAO;AAAA;AAAA,WAER,IAAI,WAAW,CAAA,GAAI,IAAI,CAAC,WAAyB;AAAA;AAAA,oBAExC,OAAO,QAAQ,GAAG;AAAA;AAAA,sBAEhB,CAAC,MAAmB;AAC5B,MAAE,eAAA;AACF,QAAI,eAAe,MAAM;AAAA,EAC3B,CAAC;AAAA;AAAA,cAEC,OAAO,KAAK;AAAA;AAAA,SAEjB,CAAC;AAAA;AAAA,UAEA,IAAI,eAAe;AAAA,qBACR,IAAI,eAAe,GAAG;AAAA,cAC7B,IAAI,YAAY;AAAA;AAAA,YAElB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKH,IAAI,SAAS;AAAA;AAAA;AAAA;AAAA,oBAIT,MAAY,IAAI,cAAc;AAAA;AAAA;AAAA;AAIlD;"}
+{"version":3,"file":"index361.js","sources":["../src/components/molecules/header/templates/header-shared.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport type { NavLink, DropdownItem, HeaderAction, BreadcrumbItem } from '../lib-header.types';\n\n/* ══════════════════════════════════════\n   SVG HELPERS (cambiar a iconos phosfor)\n   ══════════════════════════════════════ */\n\nexport const svgChevron = html`\n  <svg class=\"hdr-link-chevron\" width=\"9\" height=\"6\" viewBox=\"0 0 10 6\"\n    fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n    <polyline points=\"1,1 5,5 9,1\"/>\n  </svg>`;\n\nexport const svgSearch = html`\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\"\n    stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n    <circle cx=\"7\" cy=\"7\" r=\"5\"/><line x1=\"11\" y1=\"11\" x2=\"14\" y2=\"14\"/>\n  </svg>`;\n\nexport const svgBell = html`\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"\n    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n    <path d=\"M8 1a5 5 0 00-5 5v2l-1 2v1h12v-1l-1-2V6A5 5 0 008 1z\"/>\n    <path d=\"M6 13a2 2 0 004 0\"/>\n  </svg>`;\n\n/* ══════════════════════════════════════\n   LOGO MARK\n   ══════════════════════════════════════ */\n\nexport function renderLogoMark(ctx: LibHeader): TemplateResult {\n  if (ctx.variant === 'kintsugi') {\n    return html`\n      <div class=\"hdr-logo-mark\">\n        <span class=\"hdr-logo-mark-text\">${ctx.logoMark}</span>\n      </div>`;\n  }\n  return html`<div class=\"hdr-logo-mark\">${ctx.logoMark}</div>`;\n}\n\n/* ══════════════════════════════════════\n   LOGO\n   ══════════════════════════════════════ */\n\nexport function renderLogo(ctx: LibHeader): TemplateResult {\n  if (ctx.variant === 'glitch') {\n    return html`\n      <a href=\"${ctx.logoHref}\" class=\"hdr-logo-glitch\">\n        ⌗ ${ctx.brandName.toUpperCase()}\n        <span class=\"hdr-logo-glitch-badge\">SYS</span>\n      </a>`;\n  }\n\n  if (ctx.variant === 'minimal') {\n    return html`\n      <a href=\"${ctx.logoHref}\" class=\"hdr-logo\">\n        <span class=\"hdr-brand-name\">${ctx.logoMark}</span>\n      </a>`;\n  }\n\n  return html`\n    <a href=\"${ctx.logoHref}\" class=\"hdr-logo\">\n      ${renderLogoMark(ctx)}\n      <div>\n        <div class=\"hdr-brand-name\">${ctx.brandName}\n          ${ctx.variant === 'kintsugi'\n            ? html` <em style=\"font-style:italic;color:var(--color-kaki-400);\">金</em>`\n            : nothing}\n        </div>\n        ${ctx.brandTagline && ctx.variant === 'shrink'\n          ? html`<div class=\"hdr-tagline\">${ctx.brandTagline}</div>`\n          : nothing}\n      </div>\n      ${ctx.version && ctx.variant === 'dark'\n        ? html`<span class=\"hdr-version\">${ctx.version}</span>`\n        : nothing}\n    </a>`;\n}\n\n/* ══════════════════════════════════════\n   DROPDOWN (desktop)\n   ══════════════════════════════════════ */\n\nexport function renderDropdown(_ctx: LibHeader, link: NavLink): TemplateResult {\n  return html`\n    <div class=\"hdr-dd\">\n      <span class=\"hdr-link\">\n        ${link.label}\n        ${svgChevron}\n      </span>\n      <div class=\"hdr-dd-menu\">\n        ${link.dropdown?.map((item: DropdownItem) => html`\n          <a href=\"${item.href || '#'}\"\n            class=\"hdr-dd-item ${item.divider ? 'hdr-dd-item--divider' : ''}\">\n            ${item.label}\n          </a>\n        `)}\n      </div>\n    </div>`;\n}\n\n/* ══════════════════════════════════════\n   NAV LINKS (desktop)\n   ══════════════════════════════════════ */\n\nexport function renderLinks(ctx: LibHeader, links: NavLink[]): TemplateResult {\n  return html`\n    ${links.map(link =>\n      link.dropdown?.length\n        ? renderDropdown(ctx, link)\n        : html`\n            <a href=\"${link.href || '#'}\"\n              class=\"hdr-link ${link.active ? 'is-active' : ''}\"\n              @click=\"${(e: Event): void => {\n                e.preventDefault();\n                ctx._onLinkClick(link.id);\n              }}\"\n            >\n              ${ctx.variant === 'glitch' ? html`<span>&gt;</span>` : nothing}\n              ${link.label}\n            </a>`\n    )}`;\n}\n\n/* ══════════════════════════════════════\n   ACTIONS (desktop)\n   ══════════════════════════════════════ */\n\nconst ACTION_VARIANT_MAP: Record<string, string> = {\n  classic:     'kaki',\n  centered:    'outline',\n  dark:        'kaki',\n  transparent: 'kaki',\n  kintsugi:    'kintsugi',\n  glitch:      'glitch',\n  mega:        'kaki',\n  shrink:      'kaki',\n  minimal:     '',\n};\n\nexport function renderActions(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr-actions\">\n      ${ctx.loginLabel ? html`\n        <a href=\"${ctx.loginHref || '#'}\" class=\"hdr-login\">${ctx.loginLabel}</a>\n      ` : nothing}\n\n      ${ctx.actions.map((action: HeaderAction) => {\n        const cls = action.variant\n          ? `hdr-action--${action.variant}`\n          : `hdr-action--${ACTION_VARIANT_MAP[ctx.variant] || 'kaki'}`;\n        return html`\n          <a href=\"${action.href || '#'}\"\n            class=\"hdr-action ${cls}\"\n            @click=\"${(e: Event): void => {\n              e.preventDefault();\n              ctx._onActionClick(action);\n            }}\"\n          >${action.label}</a>`;\n      })}\n\n      ${ctx.variant === 'glitch' ? html`\n        <div class=\"hdr-online\">● online</div>\n      ` : nothing}\n\n      ${ctx.variant === 'minimal' && ctx.contactLabel ? html`\n        <a href=\"${ctx.contactHref || '#'}\" class=\"hdr-contact\">${ctx.contactLabel} →</a>\n      ` : nothing}\n    </div>`;\n}\n\n/* ══════════════════════════════════════\n   BREADCRUMBS (app-bar)\n   ══════════════════════════════════════ */\n\nexport function renderBreadcrumbs(items: BreadcrumbItem[]): TemplateResult {\n  return html`\n    <nav class=\"hdr-breadcrumbs\" aria-label=\"breadcrumb\">\n      ${items.map((item, i) => html`\n        ${i > 0 ? html`<span class=\"hdr-breadcrumb-sep\">/</span>` : nothing}\n        ${i < items.length - 1\n          ? html`<a href=\"${item.href || '#'}\" class=\"hdr-breadcrumb-link\">${item.label}</a>`\n          : html`<span class=\"hdr-breadcrumb-current\">${item.label}</span>`}\n      `)}\n    </nav>`;\n}"],"names":[],"mappings":";AAQO,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAMnB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAWhB,SAAS,eAAe,KAAgC;AAC7D,MAAI,IAAI,YAAY,YAAY;AAC9B,WAAO;AAAA;AAAA,2CAEgC,IAAI,QAAQ;AAAA;AAAA,EAErD;AACA,SAAO,kCAAkC,IAAI,QAAQ;AACvD;AAMO,SAAS,WAAW,KAAgC;AACzD,MAAI,IAAI,YAAY,UAAU;AAC5B,WAAO;AAAA,iBACM,IAAI,QAAQ;AAAA,YACjB,IAAI,UAAU,YAAA,CAAa;AAAA;AAAA;AAAA,EAGrC;AAEA,MAAI,IAAI,YAAY,WAAW;AAC7B,WAAO;AAAA,iBACM,IAAI,QAAQ;AAAA,uCACU,IAAI,QAAQ;AAAA;AAAA,EAEjD;AAEA,SAAO;AAAA,eACM,IAAI,QAAQ;AAAA,QACnB,eAAe,GAAG,CAAC;AAAA;AAAA,sCAEW,IAAI,SAAS;AAAA,YACvC,IAAI,YAAY,aACd,2EACA,OAAO;AAAA;AAAA,UAEX,IAAI,gBAAgB,IAAI,YAAY,WAClC,gCAAgC,IAAI,YAAY,WAChD,OAAO;AAAA;AAAA,QAEX,IAAI,WAAW,IAAI,YAAY,SAC7B,iCAAiC,IAAI,OAAO,YAC5C,OAAO;AAAA;AAEjB;AAMO,SAAS,eAAe,MAAiB,MAA+B;;AAC7E,SAAO;AAAA;AAAA;AAAA,UAGC,KAAK,KAAK;AAAA,UACV,UAAU;AAAA;AAAA;AAAA,WAGV,UAAK,aAAL,mBAAe,IAAI,CAAC,SAAuB;AAAA,qBAChC,KAAK,QAAQ,GAAG;AAAA,iCACJ,KAAK,UAAU,yBAAyB,EAAE;AAAA,cAC7D,KAAK,KAAK;AAAA;AAAA,UAEd;AAAA;AAAA;AAGV;AAMO,SAAS,YAAY,KAAgB,OAAkC;AAC5E,SAAO;AAAA,MACH,MAAM;AAAA,IAAI;;AACV,yBAAK,aAAL,mBAAe,UACX,eAAe,KAAK,IAAI,IACxB;AAAA,uBACa,KAAK,QAAQ,GAAG;AAAA,gCACP,KAAK,SAAS,cAAc,EAAE;AAAA,wBACtC,CAAC,MAAmB;AAC5B,UAAE,eAAA;AACF,YAAI,aAAa,KAAK,EAAE;AAAA,MAC1B,CAAC;AAAA;AAAA,gBAEC,IAAI,YAAY,WAAW,0BAA0B,OAAO;AAAA,gBAC5D,KAAK,KAAK;AAAA;AAAA;AAAA,EAAA,CAErB;AACL;AAMA,MAAM,qBAA6C;AAAA,EACjD,SAAa;AAAA,EACb,UAAa;AAAA,EACb,MAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAa;AAAA,EACb,QAAa;AAAA,EACb,MAAa;AAAA,EACb,QAAa;AAAA,EACb,SAAa;AACf;AAEO,SAAS,cAAc,KAAgC;AAC5D,SAAO;AAAA;AAAA,QAED,IAAI,aAAa;AAAA,mBACN,IAAI,aAAa,GAAG,uBAAuB,IAAI,UAAU;AAAA,UAClE,OAAO;AAAA;AAAA,QAET,IAAI,QAAQ,IAAI,CAAC,WAAyB;AAC1C,UAAM,MAAM,OAAO,UACf,eAAe,OAAO,OAAO,KAC7B,eAAe,mBAAmB,IAAI,OAAO,KAAK,MAAM;AAC5D,WAAO;AAAA,qBACM,OAAO,QAAQ,GAAG;AAAA,gCACP,GAAG;AAAA,sBACb,CAAC,MAAmB;AAC5B,QAAE,eAAA;AACF,UAAI,eAAe,MAAM;AAAA,IAC3B,CAAC;AAAA,aACA,OAAO,KAAK;AAAA,EACnB,CAAC,CAAC;AAAA;AAAA,QAEA,IAAI,YAAY,WAAW;AAAA;AAAA,UAEzB,OAAO;AAAA;AAAA,QAET,IAAI,YAAY,aAAa,IAAI,eAAe;AAAA,mBACrC,IAAI,eAAe,GAAG,yBAAyB,IAAI,YAAY;AAAA,UACxE,OAAO;AAAA;AAEjB;AAMO,SAAS,kBAAkB,OAAyC;AACzE,SAAO;AAAA;AAAA,QAED,MAAM,IAAI,CAAC,MAAM,MAAM;AAAA,UACrB,IAAI,IAAI,kDAAkD,OAAO;AAAA,UACjE,IAAI,MAAM,SAAS,IACjB,gBAAgB,KAAK,QAAQ,GAAG,iCAAiC,KAAK,KAAK,SAC3E,4CAA4C,KAAK,KAAK,SAAS;AAAA,OACpE,CAAC;AAAA;AAER;"}

package/dist/index362.js

@@ -1,38 +1,133 @@
-import { _$LH as j } from "./index358.js";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { I: t } = j, i = (o) => o, s = () => document.createComment(""), v = (o, n, e) => {
+import { html, nothing } from "lit";
+function renderHamburger(ctx) {
+  const isLight = ["classic", "centered", "mega", "minimal", "shrink"].includes(ctx.variant);
+  const color = isLight ? "var(--color-washi-600, #7A6A5C)" : "rgba(250,247,244,0.5)";
+  return html`
+    <button
+      class="hdr-burger"
+      aria-label="${ctx._mobileOpen ? "Cerrar menú" : "Abrir menú"}"
+      aria-expanded="${ctx._mobileOpen}"
+      aria-controls="hdr-mobile-drawer"
+      @click="${() => ctx._toggleMobile()}"
+    >
+      <svg width="20" height="14" viewBox="0 0 20 14" fill="none"
+        stroke="${color}" stroke-width="1.6" stroke-linecap="round">
+        <line class="hdr-burger-top" x1="0" y1="1"  x2="20" y2="1"/>
+        <line class="hdr-burger-mid" x1="0" y1="7"  x2="20" y2="7"/>
+        <line class="hdr-burger-bot" x1="0" y1="13" x2="20" y2="13"/>
+      </svg>
+    </button>`;
+}
+function renderMobileDrawer(ctx) {
   var _a;
-  const l = o._$AA.parentNode, d = void 0 === n ? o._$AB : n._$AA;
-  if (void 0 === e) {
-    const i2 = l.insertBefore(s(), d), n2 = l.insertBefore(s(), d);
-    e = new t(i2, n2, o, o.options);
-  } else {
-    const t2 = e._$AB.nextSibling, n2 = e._$AM, c = n2 !== o;
-    if (c) {
-      let t3;
-      (_a = e._$AQ) == null ? void 0 : _a.call(e, o), e._$AM = o, void 0 !== e._$AP && (t3 = o._$AU) !== n2._$AU && e._$AP(t3);
-    }
-    if (t2 !== d || c) {
-      let o2 = e._$AA;
-      for (; o2 !== t2; ) {
-        const t3 = i(o2).nextSibling;
-        i(l).insertBefore(o2, d), o2 = t3;
-      }
-    }
-  }
-  return e;
-}, u = (o, t2, i2 = o) => (o._$AI(t2, i2), o), m = {}, p = (o, t2 = m) => o._$AH = t2, M = (o) => o._$AH, h = (o) => {
-  o._$AR(), o._$AA.remove();
-};
+  if (!ctx._mobileOpen) return html``;
+  return html`
+    <!-- Backdrop -->
+    <div
+      class="hdr-mobile-backdrop"
+      @click="${() => ctx._closeMobile()}"
+      aria-hidden="true"
+    ></div>
+
+    <!-- Drawer panel -->
+    <nav
+      id="hdr-mobile-drawer"
+      class="hdr-mobile-drawer ${ctx._mobileOpen ? "is-open" : ""}"
+      aria-label="Menú principal"
+    >
+      <!-- Links principales -->
+      <div class="hdr-mobile-links">
+        ${(ctx.links ?? []).map((link) => {
+    var _a2, _b;
+    return html`
+          <a
+            href="${link.href ?? "#"}"
+            class="hdr-mobile-link"
+            @click="${(e) => {
+      e.preventDefault();
+      ctx._onLinkClick(link.id);
+    }}"
+          >
+            ${link.label}
+            ${((_a2 = link.dropdown) == null ? void 0 : _a2.length) ? html`
+              <svg width="8" height="5" viewBox="0 0 10 6" fill="none"
+                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                <polyline points="1,1 5,5 9,1"/>
+              </svg>` : nothing}
+          </a>
+
+          <!-- Sub-items — siempre visibles en móvil -->
+          ${((_b = link.dropdown) == null ? void 0 : _b.length) ? html`
+            <div class="hdr-mobile-sub">
+              ${link.dropdown.map((item) => html`
+                <a href="${item.href ?? "#"}" class="hdr-mobile-sub-link">
+                  › ${item.label}
+                </a>
+              `)}
+            </div>
+          ` : nothing}
+        `;
+  })}
+
+        <!-- Mega columns — accordion plano en móvil -->
+        ${((_a = ctx.megaColumns) == null ? void 0 : _a.length) ? html`
+          <div class="hdr-mobile-sub" style="margin-top:0;">
+            ${ctx.megaColumns.map((col) => html`
+              <p class="hdr-mobile-col-title">${col.title}</p>
+              ${col.items.map((item) => html`
+                <a href="${item.href ?? "#"}" class="hdr-mobile-sub-link">
+                  › ${item.label}
+                </a>
+              `)}
+            `)}
+          </div>
+        ` : nothing}
+      </div>
+
+      <!-- Divider -->
+      <div class="hdr-mobile-divider"></div>
+
+      <!-- Actions / CTAs -->
+      <div class="hdr-mobile-actions">
+        ${ctx.loginLabel ? html`
+          <a href="${ctx.loginHref ?? "#"}" class="hdr-mobile-login">
+            ${ctx.loginLabel}
+          </a>
+        ` : nothing}
+
+        ${(ctx.actions ?? []).map((action) => html`
+          <a
+            href="${action.href ?? "#"}"
+            class="hdr-mobile-cta"
+            @click="${(e) => {
+    e.preventDefault();
+    ctx._onActionClick(action);
+  }}"
+          >
+            ${action.label}
+          </a>
+        `)}
+
+        ${ctx.contactLabel ? html`
+          <a href="${ctx.contactHref ?? "#"}" class="hdr-mobile-login">
+            ${ctx.contactLabel} →
+          </a>
+        ` : nothing}
+      </div>
+
+      <!-- Footer del drawer -->
+      <div class="hdr-mobile-footer">
+        <span>${ctx.brandName}</span>
+        <button
+          class="hdr-mobile-close"
+          aria-label="Cerrar menú"
+          @click="${() => ctx._closeMobile()}"
+        >✕</button>
+      </div>
+    </nav>`;
+}
 export {
-  M as getCommittedValue,
-  v as insertPart,
-  h as removePart,
-  u as setChildPartValue,
-  p as setCommittedValue
+  renderHamburger,
+  renderMobileDrawer
 };
 //# sourceMappingURL=index362.js.map

package/dist/index362.js.map

@@ -1 +1 @@
-{"version":3,"file":"index362.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directive-helpers.js"],"sourcesContent":["import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:t}=o,i=o=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n"],"names":["o","i","n","t"],"mappings":";AACA;AAAA;AAAA;AAAA;AAAA;AAIO,MAAC,EAAC,GAAE,EAAC,IAAEA,GAAE,IAAE,OAAG,GAA8P,IAAE,MAAI,SAAS,cAAc,EAAE,GAAE,IAAE,CAAC,GAAE,GAAE,MAAI;;AAAC,QAAM,IAAE,EAAE,KAAK,YAAW,IAAE,WAAS,IAAE,EAAE,OAAK,EAAE;AAAK,MAAG,WAAS,GAAE;AAAC,UAAMC,KAAE,EAAE,aAAa,EAAC,GAAG,CAAC,GAAEC,KAAE,EAAE,aAAa,EAAC,GAAG,CAAC;AAAE,QAAE,IAAI,EAAED,IAAEC,IAAE,GAAE,EAAE,OAAO;AAAA,EAAC,OAAK;AAAC,UAAMC,KAAE,EAAE,KAAK,aAAYD,KAAE,EAAE,MAAK,IAAEA,OAAI;AAAE,QAAG,GAAE;AAAC,UAAIC;AAAE,cAAE,SAAF,2BAAS,IAAG,EAAE,OAAK,GAAE,WAAS,EAAE,SAAOA,KAAE,EAAE,UAAQD,GAAE,QAAM,EAAE,KAAKC,EAAC;AAAA,IAAC;AAAC,QAAGA,OAAI,KAAG,GAAE;AAAC,UAAIH,KAAE,EAAE;AAAK,aAAKA,OAAIG,MAAG;AAAC,cAAMA,KAAE,EAAEH,EAAC,EAAE;AAAY,UAAE,CAAC,EAAE,aAAaA,IAAE,CAAC,GAAEA,KAAEG;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC;AAAC,SAAO;AAAC,GAAE,IAAE,CAAC,GAAEA,IAAEF,KAAE,OAAK,EAAE,KAAKE,IAAEF,EAAC,GAAE,IAAG,IAAE,CAAA,GAAG,IAAE,CAAC,GAAEE,KAAE,MAAI,EAAE,OAAKA,IAAE,IAAE,OAAG,EAAE,MAAK,IAAE,OAAG;AAAC,IAAE,KAAI,GAAG,EAAE,KAAK;AAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index362.js","sources":["../src/components/molecules/header/templates/header-mobile.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport type { NavLink, DropdownItem, HeaderAction } from '../lib-header.types';\n\n/* ══════════════════════════════════════\n   HAMBURGER BUTTON\n   ══════════════════════════════════════ */\n\nexport function renderHamburger(ctx: LibHeader): TemplateResult {\n  const isLight = ['classic', 'centered', 'mega', 'minimal', 'shrink'].includes(ctx.variant);\n  const color   = isLight\n    ? 'var(--color-washi-600, #7A6A5C)'\n    : 'rgba(250,247,244,0.5)';\n\n  return html`\n    <button\n      class=\"hdr-burger\"\n      aria-label=\"${ctx._mobileOpen ? 'Cerrar menú' : 'Abrir menú'}\"\n      aria-expanded=\"${ctx._mobileOpen}\"\n      aria-controls=\"hdr-mobile-drawer\"\n      @click=\"${(): void => ctx._toggleMobile()}\"\n    >\n      <svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\"\n        stroke=\"${color}\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n        <line class=\"hdr-burger-top\" x1=\"0\" y1=\"1\"  x2=\"20\" y2=\"1\"/>\n        <line class=\"hdr-burger-mid\" x1=\"0\" y1=\"7\"  x2=\"20\" y2=\"7\"/>\n        <line class=\"hdr-burger-bot\" x1=\"0\" y1=\"13\" x2=\"20\" y2=\"13\"/>\n      </svg>\n    </button>`;\n}\n\n/* ══════════════════════════════════════\n   MOBILE DRAWER\n   ══════════════════════════════════════ */\n\nexport function renderMobileDrawer(ctx: LibHeader): TemplateResult {\n  if (!ctx._mobileOpen) return html``;\n\n  return html`\n    <!-- Backdrop -->\n    <div\n      class=\"hdr-mobile-backdrop\"\n      @click=\"${(): void => ctx._closeMobile()}\"\n      aria-hidden=\"true\"\n    ></div>\n\n    <!-- Drawer panel -->\n    <nav\n      id=\"hdr-mobile-drawer\"\n      class=\"hdr-mobile-drawer ${ctx._mobileOpen ? 'is-open' : ''}\"\n      aria-label=\"Menú principal\"\n    >\n      <!-- Links principales -->\n      <div class=\"hdr-mobile-links\">\n        ${(ctx.links ?? []).map((link: NavLink) => html`\n          <a\n            href=\"${link.href ?? '#'}\"\n            class=\"hdr-mobile-link\"\n            @click=\"${(e: Event): void => {\n              e.preventDefault();\n              ctx._onLinkClick(link.id);\n            }}\"\n          >\n            ${link.label}\n            ${link.dropdown?.length ? html`\n              <svg width=\"8\" height=\"5\" viewBox=\"0 0 10 6\" fill=\"none\"\n                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n                <polyline points=\"1,1 5,5 9,1\"/>\n              </svg>` : nothing}\n          </a>\n\n          <!-- Sub-items — siempre visibles en móvil -->\n          ${link.dropdown?.length ? html`\n            <div class=\"hdr-mobile-sub\">\n              ${link.dropdown.map((item: DropdownItem) => html`\n                <a href=\"${item.href ?? '#'}\" class=\"hdr-mobile-sub-link\">\n                  › ${item.label}\n                </a>\n              `)}\n            </div>\n          ` : nothing}\n        `)}\n\n        <!-- Mega columns — accordion plano en móvil -->\n        ${ctx.megaColumns?.length ? html`\n          <div class=\"hdr-mobile-sub\" style=\"margin-top:0;\">\n            ${ctx.megaColumns.map(col => html`\n              <p class=\"hdr-mobile-col-title\">${col.title}</p>\n              ${col.items.map(item => html`\n                <a href=\"${item.href ?? '#'}\" class=\"hdr-mobile-sub-link\">\n                  › ${item.label}\n                </a>\n              `)}\n            `)}\n          </div>\n        ` : nothing}\n      </div>\n\n      <!-- Divider -->\n      <div class=\"hdr-mobile-divider\"></div>\n\n      <!-- Actions / CTAs -->\n      <div class=\"hdr-mobile-actions\">\n        ${ctx.loginLabel ? html`\n          <a href=\"${ctx.loginHref ?? '#'}\" class=\"hdr-mobile-login\">\n            ${ctx.loginLabel}\n          </a>\n        ` : nothing}\n\n        ${(ctx.actions ?? []).map((action: HeaderAction) => html`\n          <a\n            href=\"${action.href ?? '#'}\"\n            class=\"hdr-mobile-cta\"\n            @click=\"${(e: Event): void => {\n              e.preventDefault();\n              ctx._onActionClick(action);\n            }}\"\n          >\n            ${action.label}\n          </a>\n        `)}\n\n        ${ctx.contactLabel ? html`\n          <a href=\"${ctx.contactHref ?? '#'}\" class=\"hdr-mobile-login\">\n            ${ctx.contactLabel} →\n          </a>\n        ` : nothing}\n      </div>\n\n      <!-- Footer del drawer -->\n      <div class=\"hdr-mobile-footer\">\n        <span>${ctx.brandName}</span>\n        <button\n          class=\"hdr-mobile-close\"\n          aria-label=\"Cerrar menú\"\n          @click=\"${(): void => ctx._closeMobile()}\"\n        >✕</button>\n      </div>\n    </nav>`;\n}"],"names":["_a"],"mappings":";AAQO,SAAS,gBAAgB,KAAgC;AAC9D,QAAM,UAAU,CAAC,WAAW,YAAY,QAAQ,WAAW,QAAQ,EAAE,SAAS,IAAI,OAAO;AACzF,QAAM,QAAU,UACZ,oCACA;AAEJ,SAAO;AAAA;AAAA;AAAA,oBAGW,IAAI,cAAc,gBAAgB,YAAY;AAAA,uBAC3C,IAAI,WAAW;AAAA;AAAA,gBAEtB,MAAY,IAAI,eAAe;AAAA;AAAA;AAAA,kBAG7B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMvB;AAMO,SAAS,mBAAmB,KAAgC;;AACjE,MAAI,CAAC,IAAI,YAAa,QAAO;AAE7B,SAAO;AAAA;AAAA;AAAA;AAAA,gBAIO,MAAY,IAAI,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAOb,IAAI,cAAc,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKtD,IAAI,SAAS,CAAA,GAAI,IAAI,CAAC;;AAAkB;AAAA;AAAA,oBAE/B,KAAK,QAAQ,GAAG;AAAA;AAAA,sBAEd,CAAC,MAAmB;AAC5B,QAAE,eAAA;AACF,UAAI,aAAa,KAAK,EAAE;AAAA,IAC1B,CAAC;AAAA;AAAA,cAEC,KAAK,KAAK;AAAA,gBACVA,MAAA,KAAK,aAAL,gBAAAA,IAAe,UAAS;AAAA;AAAA;AAAA;AAAA,wBAId,OAAO;AAAA;AAAA;AAAA;AAAA,cAInB,UAAK,aAAL,mBAAe,UAAS;AAAA;AAAA,gBAEpB,KAAK,SAAS,IAAI,CAAC,SAAuB;AAAA,2BAC/B,KAAK,QAAQ,GAAG;AAAA,sBACrB,KAAK,KAAK;AAAA;AAAA,eAEjB,CAAC;AAAA;AAAA,cAEF,OAAO;AAAA;AAAA,GACZ,CAAC;AAAA;AAAA;AAAA,YAGA,SAAI,gBAAJ,mBAAiB,UAAS;AAAA;AAAA,cAEtB,IAAI,YAAY,IAAI,CAAA,QAAO;AAAA,gDACO,IAAI,KAAK;AAAA,gBACzC,IAAI,MAAM,IAAI,CAAA,SAAQ;AAAA,2BACX,KAAK,QAAQ,GAAG;AAAA,sBACrB,KAAK,KAAK;AAAA;AAAA,eAEjB,CAAC;AAAA,aACH,CAAC;AAAA;AAAA,YAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQT,IAAI,aAAa;AAAA,qBACN,IAAI,aAAa,GAAG;AAAA,cAC3B,IAAI,UAAU;AAAA;AAAA,YAEhB,OAAO;AAAA;AAAA,WAER,IAAI,WAAW,CAAA,GAAI,IAAI,CAAC,WAAyB;AAAA;AAAA,oBAExC,OAAO,QAAQ,GAAG;AAAA;AAAA,sBAEhB,CAAC,MAAmB;AAC5B,MAAE,eAAA;AACF,QAAI,eAAe,MAAM;AAAA,EAC3B,CAAC;AAAA;AAAA,cAEC,OAAO,KAAK;AAAA;AAAA,SAEjB,CAAC;AAAA;AAAA,UAEA,IAAI,eAAe;AAAA,qBACR,IAAI,eAAe,GAAG;AAAA,cAC7B,IAAI,YAAY;AAAA;AAAA,YAElB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKH,IAAI,SAAS;AAAA;AAAA;AAAA;AAAA,oBAIT,MAAY,IAAI,cAAc;AAAA;AAAA;AAAA;AAIlD;"}

package/dist/react/index.ts

@@ -17,7 +17,6 @@ export * from './lib-copy-button';
 export * from './lib-display-heading';
 export * from './lib-divider';
 export * from './lib-eyebrow';
-export * from './lib-glass-card';
 export * from './lib-icon';
 export * from './lib-kbd';
 export * from './lib-label';
@@ -35,7 +34,6 @@ export * from './lib-select-option';
 export * from './lib-skeleton';
 export * from './lib-spacer';
 export * from './lib-spinner';
-export * from './lib-spotlight-card';
 export * from './lib-status-dot';
 export * from './lib-step';
 export * from './lib-switch';
@@ -81,4 +79,6 @@ export * from './lib-stepper';
 export * from './lib-timeline-item';
 export * from './lib-timeline';
 export * from './lib-toast-manager';
-export * from './lib-component-grid';
+export * from './lib-component-grid';
+export * from './lib-glass-card';
+export * from './lib-spotlight-card';

package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.component.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, TemplateResult } from 'lit';
-import type { LibGlassVariant, LibGlassIntensity } from './lib-glass-card.html';
+import type { LibGlassVariant, LibGlassIntensity } from './lib-glass-card.types';
 /**
  * @element lib-glass-card
  *

package/dist/src/components/atoms/card/glass-card/lib-glass-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-glass-card.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/glass-card/lib-glass-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAKjF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAGpB;IAEF;;;;;OAKG;IAEH,OAAO,EAAE,eAAe,CAAW;IAEnC;;;;;OAKG;IAEH,SAAS,EAAE,iBAAiB,CAAQ;IAE3B,MAAM,IAAI,cAAc;CAMlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.html.d.ts

@@ -1,10 +1,5 @@
 import { TemplateResult } from 'lit';
-export type LibGlassVariant = 'paper' | 'water' | 'kaki';
-export type LibGlassIntensity = 'low' | 'md' | 'high';
-export interface GlassCardTemplateProps {
-    variant: LibGlassVariant;
-    intensity: LibGlassIntensity;
-}
+import type { GlassCardTemplateProps } from './lib-glass-card.types';
 /**
  * Template del glass card.
  *

package/dist/src/components/atoms/card/glass-card/lib-glass-card.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-glass-card.html.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/glass-card/lib-glass-card.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,sBAAsB,GAAG,cAAc,CAQhF"}

package/dist/src/components/atoms/card/glass-card/lib-glass-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-glass-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/glass-card/lib-glass-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,KAAK,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAoCzE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAAqB,CA0BrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAG7C,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAC"}

package/dist/src/components/atoms/card/glass-card/lib-glass-card.types.d.ts

@@ -0,0 +1,7 @@
+export type LibGlassVariant = 'paper' | 'water' | 'kaki';
+export type LibGlassIntensity = 'low' | 'md' | 'high';
+export interface GlassCardTemplateProps {
+    variant: LibGlassVariant;
+    intensity: LibGlassIntensity;
+}
+//# sourceMappingURL=lib-glass-card.types.d.ts.map

package/dist/src/components/atoms/card/glass-card/lib-glass-card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-glass-card.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/glass-card/lib-glass-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAK,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAI,eAAe,CAAC;IAC3B,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}