@shibui-ui/ui 1.22.0 → 1.24.0

package/dist/index353.js

@@ -1,17 +1,28 @@
-import { html } from "lit";
-import { renderLogo, renderLinks, renderActions } from "./index361.js";
-import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderClassic(ctx) {
-  return html`
-    <div class="hdr">
-      ${renderLogo(ctx)}
-      <nav class="hdr-nav">${renderLinks(ctx, ctx.links)}</nav>
-      ${renderActions(ctx)}
-      ${renderHamburger(ctx)}
-    </div>
-    ${renderMobileDrawer(ctx)}`;
+import { nothing as A, noChange as E } from "./index358.js";
+import { Directive as i, PartType as t, directive as e$1 } from "./index359.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class e extends i {
+  constructor(i2) {
+    if (super(i2), this.it = A, i2.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(r) {
+    if (r === A || null == r) return this._t = void 0, this.it = r;
+    if (r === E) return r;
+    if ("string" != typeof r) throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (r === this.it) return this._t;
+    this.it = r;
+    const s = [r];
+    return s.raw = s, this._t = { _$litType$: this.constructor.resultType, strings: s, values: [] };
+  }
 }
+e.directiveName = "unsafeHTML", e.resultType = 1;
+const o = e$1(e);
 export {
-  renderClassic
+  e as UnsafeHTMLDirective,
+  o as unsafeHTML
 };
 //# sourceMappingURL=index353.js.map

package/dist/index353.js.map

@@ -1 +1 @@
-{"version":3,"file":"index353.js","sources":["../src/components/molecules/header/templates/header-classic.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template compartido por las variantes de layout simple:\n * classic · dark · transparent · kintsugi · glitch · minimal · shrink\n *\n * Estructura: logo | nav | actions | hamburger (móvil)\n */\nexport function renderClassic(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">${renderLinks(ctx, ctx.links)}</nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAWO,SAAS,cAAc,KAAgC;AAC5D,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA,6BACM,YAAY,KAAK,IAAI,KAAK,CAAC;AAAA,QAChD,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}
+{"version":3,"file":"index353.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/unsafe-html.js"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{directive as r,Directive as s,PartType as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends s{constructor(i){if(super(i),this.it=t,i.type!==n.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=r(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n"],"names":["s","i","t","n","r"],"mappings":";;AACA;AAAA;AAAA;AAAA;AAAA;AAIG,MAAM,UAAUA,EAAC;AAAA,EAAC,YAAYC,IAAE;AAAC,QAAG,MAAMA,EAAC,GAAE,KAAK,KAAGC,GAAED,GAAE,SAAOE,EAAE,MAAM,OAAM,MAAM,KAAK,YAAY,gBAAc,uCAAuC;AAAA,EAAC;AAAA,EAAC,OAAO,GAAE;AAAC,QAAG,MAAID,KAAG,QAAM,EAAE,QAAO,KAAK,KAAG,QAAO,KAAK,KAAG;AAAE,QAAG,MAAID,EAAE,QAAO;AAAE,QAAG,YAAU,OAAO,EAAE,OAAM,MAAM,KAAK,YAAY,gBAAc,mCAAmC;AAAE,QAAG,MAAI,KAAK,GAAG,QAAO,KAAK;AAAG,SAAK,KAAG;AAAE,UAAM,IAAE,CAAC,CAAC;AAAE,WAAO,EAAE,MAAI,GAAE,KAAK,KAAG,EAAC,YAAW,KAAK,YAAY,YAAW,SAAQ,GAAE,QAAO,CAAA,EAAE;AAAA,EAAC;AAAC;AAAC,EAAE,gBAAc,cAAa,EAAE,aAAW;AAAO,MAAC,IAAEG,IAAE,CAAC;","x_google_ignoreList":[0]}

package/dist/index354.js

@@ -1,31 +1,17 @@
-import { nothing, html } from "lit";
-import { renderLinks, renderLogo, renderActions } from "./index361.js";
+import { html } from "lit";
+import { renderLogo, renderLinks, renderActions } from "./index361.js";
 import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderCentered(ctx) {
-  const mid = Math.floor(ctx.links.length / 2);
-  const leftLinks = ctx.links.slice(0, mid);
-  const rightLinks = ctx.links.slice(mid);
+function renderClassic(ctx) {
   return html`
-    ${ctx.announcement ? html`
-      <div class="hdr-announcement">
-        <span>${ctx.announcement}</span>
-        ${ctx.announcementHref ? html`<a href="${ctx.announcementHref}">Ver →</a>` : nothing}
-      </div>` : nothing}
-
     <div class="hdr">
-      <nav class="hdr-nav hdr-nav--centered-left">
-        ${renderLinks(ctx, leftLinks)}
-      </nav>
       ${renderLogo(ctx)}
-      <nav class="hdr-nav hdr-nav--right">
-        ${renderLinks(ctx, rightLinks)}
-        ${renderActions(ctx)}
-      </nav>
+      <nav class="hdr-nav">${renderLinks(ctx, ctx.links)}</nav>
+      ${renderActions(ctx)}
       ${renderHamburger(ctx)}
     </div>
     ${renderMobileDrawer(ctx)}`;
 }
 export {
-  renderCentered
+  renderClassic
 };
 //# sourceMappingURL=index354.js.map

package/dist/index354.js.map

@@ -1 +1 @@
-{"version":3,"file":"index354.js","sources":["../src/components/molecules/header/templates/header-centered.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template variante centered:\n * [nav-izquierda] | [logo-central] | [nav-derecha + actions]\n * En móvil colapsa a: [logo] | [hamburger]\n */\nexport function renderCentered(ctx: LibHeader): TemplateResult {\n  const mid        = Math.floor(ctx.links.length / 2);\n  const leftLinks  = ctx.links.slice(0, mid);\n  const rightLinks = ctx.links.slice(mid);\n\n  return html`\n    ${ctx.announcement ? html`\n      <div class=\"hdr-announcement\">\n        <span>${ctx.announcement}</span>\n        ${ctx.announcementHref\n          ? html`<a href=\"${ctx.announcementHref}\">Ver →</a>`\n          : nothing}\n      </div>` : nothing}\n\n    <div class=\"hdr\">\n      <nav class=\"hdr-nav hdr-nav--centered-left\">\n        ${renderLinks(ctx, leftLinks)}\n      </nav>\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav hdr-nav--right\">\n        ${renderLinks(ctx, rightLinks)}\n        ${renderActions(ctx)}\n      </nav>\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,eAAe,KAAgC;AAC7D,QAAM,MAAa,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC;AAClD,QAAM,YAAa,IAAI,MAAM,MAAM,GAAG,GAAG;AACzC,QAAM,aAAa,IAAI,MAAM,MAAM,GAAG;AAEtC,SAAO;AAAA,MACH,IAAI,eAAe;AAAA;AAAA,gBAET,IAAI,YAAY;AAAA,UACtB,IAAI,mBACF,gBAAgB,IAAI,gBAAgB,gBACpC,OAAO;AAAA,gBACH,OAAO;AAAA;AAAA;AAAA;AAAA,UAIb,YAAY,KAAK,SAAS,CAAC;AAAA;AAAA,QAE7B,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,YAAY,KAAK,UAAU,CAAC;AAAA,UAC5B,cAAc,GAAG,CAAC;AAAA;AAAA,QAEpB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}
+{"version":3,"file":"index354.js","sources":["../src/components/molecules/header/templates/header-classic.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template compartido por las variantes de layout simple:\n * classic · dark · transparent · kintsugi · glitch · minimal · shrink\n *\n * Estructura: logo | nav | actions | hamburger (móvil)\n */\nexport function renderClassic(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">${renderLinks(ctx, ctx.links)}</nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAWO,SAAS,cAAc,KAAgC;AAC5D,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA,6BACM,YAAY,KAAK,IAAI,KAAK,CAAC;AAAA,QAChD,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}

package/dist/index355.js

@@ -1,69 +1,31 @@
 import { nothing, html } from "lit";
-import { renderLogo, svgChevron, renderActions } from "./index361.js";
+import { renderLinks, renderLogo, renderActions } from "./index361.js";
 import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderMega(ctx) {
+function renderCentered(ctx) {
+  const mid = Math.floor(ctx.links.length / 2);
+  const leftLinks = ctx.links.slice(0, mid);
+  const rightLinks = ctx.links.slice(mid);
   return html`
+    ${ctx.announcement ? html`
+      <div class="hdr-announcement">
+        <span>${ctx.announcement}</span>
+        ${ctx.announcementHref ? html`<a href="${ctx.announcementHref}">Ver →</a>` : nothing}
+      </div>` : nothing}
+
     <div class="hdr">
+      <nav class="hdr-nav hdr-nav--centered-left">
+        ${renderLinks(ctx, leftLinks)}
+      </nav>
       ${renderLogo(ctx)}
-      <nav class="hdr-nav">
-        ${ctx.links.map(
-    (link) => {
-      var _a;
-      return ((_a = link.dropdown) == null ? void 0 : _a.length) ? html`
-                <div
-                  class="hdr-dd"
-                  @mouseenter="${() => ctx._openMega()}"
-                  @mouseleave="${() => ctx._closeMega()}"
-                >
-                  <span class="hdr-link">
-                    ${link.label} ${svgChevron}
-                  </span>
-                </div>` : html`<a href="${link.href || "#"}" class="hdr-link">${link.label}</a>`;
-    }
-  )}
+      <nav class="hdr-nav hdr-nav--right">
+        ${renderLinks(ctx, rightLinks)}
+        ${renderActions(ctx)}
       </nav>
-      ${renderActions(ctx)}
       ${renderHamburger(ctx)}
     </div>
-
-    <!-- Overlay detrás del panel -->
-    <div
-      class="hdr-mega-overlay ${ctx._megaOpen ? "is-open" : ""}"
-      @mouseenter="${() => ctx._closeMega()}"
-    ></div>
-
-    <!-- Panel full-width -->
-    <div
-      class="hdr-mega-panel ${ctx._megaOpen ? "is-open" : ""}"
-      @mouseenter="${() => ctx._openMega()}"
-      @mouseleave="${() => ctx._closeMega()}"
-    >
-      <div class="hdr-mega-inner">
-        ${ctx.megaColumns.map((col) => html`
-          <div>
-            <div class="hdr-mega-group-title">${col.title}</div>
-            ${col.items.map((item) => html`
-              <a href="${item.href || "#"}" class="hdr-mega-link">${item.label}</a>
-            `)}
-          </div>
-        `)}
-        ${ctx.megaCta ? html`
-          <div class="hdr-mega-cta">
-            <div class="hdr-mega-cta-label">${ctx.megaCta.label}</div>
-            <div class="hdr-mega-cta-title">${ctx.megaCta.title}</div>
-            <div class="hdr-mega-cta-desc">${ctx.megaCta.desc}</div>
-            <a href="${ctx.megaCta.href || "#"}"
-              class="hdr-action hdr-action--kaki"
-              style="height:32px;font-size:8px;"
-            >${ctx.megaCta.cta}</a>
-          </div>
-        ` : nothing}
-      </div>
-    </div>
-
     ${renderMobileDrawer(ctx)}`;
 }
 export {
-  renderMega
+  renderCentered
 };
 //# sourceMappingURL=index355.js.map

package/dist/index355.js.map

@@ -1 +1 @@
-{"version":3,"file":"index355.js","sources":["../src/components/molecules/header/templates/header-mega.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderActions, svgChevron } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }                from './header-mobile.html';\n\n/**\n * Template variante mega:\n * Panel full-width al hover sobre el link con dropdown.\n * En móvil el panel se oculta y el drawer cubre los mega-columns.\n */\nexport function renderMega(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">\n        ${ctx.links.map(link =>\n          link.dropdown?.length\n            ? html`\n                <div\n                  class=\"hdr-dd\"\n                  @mouseenter=\"${(): void => ctx._openMega()}\"\n                  @mouseleave=\"${(): void => ctx._closeMega()}\"\n                >\n                  <span class=\"hdr-link\">\n                    ${link.label} ${svgChevron}\n                  </span>\n                </div>`\n            : html`<a href=\"${link.href || '#'}\" class=\"hdr-link\">${link.label}</a>`\n        )}\n      </nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n\n    <!-- Overlay detrás del panel -->\n    <div\n      class=\"hdr-mega-overlay ${ctx._megaOpen ? 'is-open' : ''}\"\n      @mouseenter=\"${(): void => ctx._closeMega()}\"\n    ></div>\n\n    <!-- Panel full-width -->\n    <div\n      class=\"hdr-mega-panel ${ctx._megaOpen ? 'is-open' : ''}\"\n      @mouseenter=\"${(): void => ctx._openMega()}\"\n      @mouseleave=\"${(): void => ctx._closeMega()}\"\n    >\n      <div class=\"hdr-mega-inner\">\n        ${ctx.megaColumns.map(col => html`\n          <div>\n            <div class=\"hdr-mega-group-title\">${col.title}</div>\n            ${col.items.map(item => html`\n              <a href=\"${item.href || '#'}\" class=\"hdr-mega-link\">${item.label}</a>\n            `)}\n          </div>\n        `)}\n        ${ctx.megaCta ? html`\n          <div class=\"hdr-mega-cta\">\n            <div class=\"hdr-mega-cta-label\">${ctx.megaCta.label}</div>\n            <div class=\"hdr-mega-cta-title\">${ctx.megaCta.title}</div>\n            <div class=\"hdr-mega-cta-desc\">${ctx.megaCta.desc}</div>\n            <a href=\"${ctx.megaCta.href || '#'}\"\n              class=\"hdr-action hdr-action--kaki\"\n              style=\"height:32px;font-size:8px;\"\n            >${ctx.megaCta.cta}</a>\n          </div>\n        ` : nothing}\n      </div>\n    </div>\n\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,WAAW,KAAgC;AACzD,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,IAAI,MAAM;AAAA,IAAI,CAAA,SAAA;;AACd,yBAAK,aAAL,mBAAe,UACX;AAAA;AAAA;AAAA,iCAGmB,MAAY,IAAI,WAAW;AAAA,iCAC3B,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA,sBAGvC,KAAK,KAAK,IAAI,UAAU;AAAA;AAAA,0BAGhC,gBAAgB,KAAK,QAAQ,GAAG,sBAAsB,KAAK,KAAK;AAAA;AAAA,EAAA,CACrE;AAAA;AAAA,QAED,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKI,IAAI,YAAY,YAAY,EAAE;AAAA,qBACzC,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKnB,IAAI,YAAY,YAAY,EAAE;AAAA,qBACvC,MAAY,IAAI,WAAW;AAAA,qBAC3B,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA,UAGvC,IAAI,YAAY,IAAI,CAAA,QAAO;AAAA;AAAA,gDAEW,IAAI,KAAK;AAAA,cAC3C,IAAI,MAAM,IAAI,CAAA,SAAQ;AAAA,yBACX,KAAK,QAAQ,GAAG,2BAA2B,KAAK,KAAK;AAAA,aACjE,CAAC;AAAA;AAAA,SAEL,CAAC;AAAA,UACA,IAAI,UAAU;AAAA;AAAA,8CAEsB,IAAI,QAAQ,KAAK;AAAA,8CACjB,IAAI,QAAQ,KAAK;AAAA,6CAClB,IAAI,QAAQ,IAAI;AAAA,uBACtC,IAAI,QAAQ,QAAQ,GAAG;AAAA;AAAA;AAAA,eAG/B,IAAI,QAAQ,GAAG;AAAA;AAAA,YAElB,OAAO;AAAA;AAAA;AAAA;AAAA,MAIb,mBAAmB,GAAG,CAAC;AAC7B;"}
+{"version":3,"file":"index355.js","sources":["../src/components/molecules/header/templates/header-centered.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template variante centered:\n * [nav-izquierda] | [logo-central] | [nav-derecha + actions]\n * En móvil colapsa a: [logo] | [hamburger]\n */\nexport function renderCentered(ctx: LibHeader): TemplateResult {\n  const mid        = Math.floor(ctx.links.length / 2);\n  const leftLinks  = ctx.links.slice(0, mid);\n  const rightLinks = ctx.links.slice(mid);\n\n  return html`\n    ${ctx.announcement ? html`\n      <div class=\"hdr-announcement\">\n        <span>${ctx.announcement}</span>\n        ${ctx.announcementHref\n          ? html`<a href=\"${ctx.announcementHref}\">Ver →</a>`\n          : nothing}\n      </div>` : nothing}\n\n    <div class=\"hdr\">\n      <nav class=\"hdr-nav hdr-nav--centered-left\">\n        ${renderLinks(ctx, leftLinks)}\n      </nav>\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav hdr-nav--right\">\n        ${renderLinks(ctx, rightLinks)}\n        ${renderActions(ctx)}\n      </nav>\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,eAAe,KAAgC;AAC7D,QAAM,MAAa,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC;AAClD,QAAM,YAAa,IAAI,MAAM,MAAM,GAAG,GAAG;AACzC,QAAM,aAAa,IAAI,MAAM,MAAM,GAAG;AAEtC,SAAO;AAAA,MACH,IAAI,eAAe;AAAA;AAAA,gBAET,IAAI,YAAY;AAAA,UACtB,IAAI,mBACF,gBAAgB,IAAI,gBAAgB,gBACpC,OAAO;AAAA,gBACH,OAAO;AAAA;AAAA;AAAA;AAAA,UAIb,YAAY,KAAK,SAAS,CAAC;AAAA;AAAA,QAE7B,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,YAAY,KAAK,UAAU,CAAC;AAAA,UAC5B,cAAc,GAAG,CAAC;AAAA;AAAA,QAEpB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}

package/dist/index356.js

@@ -1,67 +1,69 @@
 import { nothing, html } from "lit";
-import { svgBell, renderBreadcrumbs, svgSearch } from "./index361.js";
-function renderAppBar(ctx) {
+import { renderLogo, svgChevron, renderActions } from "./index361.js";
+import { renderHamburger, renderMobileDrawer } from "./index362.js";
+function renderMega(ctx) {
   return html`
     <div class="hdr">
+      ${renderLogo(ctx)}
+      <nav class="hdr-nav">
+        ${ctx.links.map(
+    (link) => {
+      var _a;
+      return ((_a = link.dropdown) == null ? void 0 : _a.length) ? html`
+                <div
+                  class="hdr-dd"
+                  @mouseenter="${() => ctx._openMega()}"
+                  @mouseleave="${() => ctx._closeMega()}"
+                >
+                  <span class="hdr-link">
+                    ${link.label} ${svgChevron}
+                  </span>
+                </div>` : html`<a href="${link.href || "#"}" class="hdr-link">${link.label}</a>`;
+    }
+  )}
+      </nav>
+      ${renderActions(ctx)}
+      ${renderHamburger(ctx)}
+    </div>
 
-      <!-- Logo mark (sin texto) -->
-      <div class="hdr-logo-mark" style="flex-shrink:0;"></div>
+    <!-- Overlay detrás del panel -->
+    <div
+      class="hdr-mega-overlay ${ctx._megaOpen ? "is-open" : ""}"
+      @mouseenter="${() => ctx._closeMega()}"
+    ></div>
 
-      <!-- Breadcrumbs -->
-      ${ctx.breadcrumbs.length ? renderBreadcrumbs(ctx.breadcrumbs) : nothing}
-
-      <!-- Divider — oculto en móvil -->
-      <div class="hdr-divider hdr-divider--desktop"></div>
-
-      <!-- Search — full en desktop, icono en móvil -->
-      ${ctx.showSearch ? html`
-        <div class="hdr-search">
-          ${svgSearch}
-          <input
-            type="search"
-            placeholder="${ctx.searchPlaceholder}"
-            @input="${(e) => ctx._onSearch(e.target.value)}"
-          />
-          <span class="hdr-search-kbd">⌘K</span>
-        </div>
-      ` : nothing}
-
-      <div class="hdr-spacer"></div>
-
-      <!-- Context actions — ocultos en móvil -->
-      ${ctx.actions.length ? html`
-        <div class="hdr-actions hdr-actions--desktop">
-          ${ctx.actions.map((action) => html`
-            <a href="${action.href || "#"}"
-              class="hdr-action ${action.variant === "outline" ? "hdr-action--outline" : "hdr-action--kaki"}"
+    <!-- Panel full-width -->
+    <div
+      class="hdr-mega-panel ${ctx._megaOpen ? "is-open" : ""}"
+      @mouseenter="${() => ctx._openMega()}"
+      @mouseleave="${() => ctx._closeMega()}"
+    >
+      <div class="hdr-mega-inner">
+        ${ctx.megaColumns.map((col) => html`
+          <div>
+            <div class="hdr-mega-group-title">${col.title}</div>
+            ${col.items.map((item) => html`
+              <a href="${item.href || "#"}" class="hdr-mega-link">${item.label}</a>
+            `)}
+          </div>
+        `)}
+        ${ctx.megaCta ? html`
+          <div class="hdr-mega-cta">
+            <div class="hdr-mega-cta-label">${ctx.megaCta.label}</div>
+            <div class="hdr-mega-cta-title">${ctx.megaCta.title}</div>
+            <div class="hdr-mega-cta-desc">${ctx.megaCta.desc}</div>
+            <a href="${ctx.megaCta.href || "#"}"
+              class="hdr-action hdr-action--kaki"
               style="height:32px;font-size:8px;"
-            >${action.label}</a>
-          `)}
-        </div>
-      ` : nothing}
-
-      <!-- Status (compact mode) — oculto en móvil -->
-      ${ctx.compact ? html`
-        <div class="hdr-status hdr-status--desktop">
-          <div class="hdr-status-dot"></div>
-          <span class="hdr-status-text">Online · 42ms</span>
-        </div>
-      ` : nothing}
-
-      <div class="hdr-divider"></div>
-
-      <!-- Notificaciones -->
-      <div class="hdr-notif">
-        ${svgBell}
-        ${ctx.notifications ? html`<span class="hdr-notif-dot"></span>` : nothing}
+            >${ctx.megaCta.cta}</a>
+          </div>
+        ` : nothing}
       </div>
+    </div>
 
-      <!-- Avatar -->
-      <div class="hdr-avatar">${ctx.userInitials || ctx.userName.slice(0, 1)}</div>
-
-    </div>`;
+    ${renderMobileDrawer(ctx)}`;
 }
 export {
-  renderAppBar
+  renderMega
 };
 //# sourceMappingURL=index356.js.map

package/dist/index356.js.map

@@ -1 +1 @@
-{"version":3,"file":"index356.js","sources":["../src/components/molecules/header/templates/header-app-bar.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport type { HeaderAction } from '../lib-header.types';\nimport { renderBreadcrumbs, svgSearch, svgBell } from './header-shared.html';\n\n/**\n * Template variante app-bar:\n * logomark | breadcrumbs | search | spacer | actions | notif | avatar\n * No usa el drawer móvil — sus acciones son contextuales.\n * En móvil: breadcrumbs se truncan, search colapsa a icono.\n */\nexport function renderAppBar(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n\n      <!-- Logo mark (sin texto) -->\n      <div class=\"hdr-logo-mark\" style=\"flex-shrink:0;\"></div>\n\n      <!-- Breadcrumbs -->\n      ${ctx.breadcrumbs.length ? renderBreadcrumbs(ctx.breadcrumbs) : nothing}\n\n      <!-- Divider — oculto en móvil -->\n      <div class=\"hdr-divider hdr-divider--desktop\"></div>\n\n      <!-- Search — full en desktop, icono en móvil -->\n      ${ctx.showSearch ? html`\n        <div class=\"hdr-search\">\n          ${svgSearch}\n          <input\n            type=\"search\"\n            placeholder=\"${ctx.searchPlaceholder}\"\n            @input=\"${(e: Event): void =>\n              ctx._onSearch((e.target as HTMLInputElement).value)}\"\n          />\n          <span class=\"hdr-search-kbd\">⌘K</span>\n        </div>\n      ` : nothing}\n\n      <div class=\"hdr-spacer\"></div>\n\n      <!-- Context actions — ocultos en móvil -->\n      ${ctx.actions.length ? html`\n        <div class=\"hdr-actions hdr-actions--desktop\">\n          ${ctx.actions.map((action: HeaderAction) => html`\n            <a href=\"${action.href || '#'}\"\n              class=\"hdr-action ${action.variant === 'outline'\n                ? 'hdr-action--outline' : 'hdr-action--kaki'}\"\n              style=\"height:32px;font-size:8px;\"\n            >${action.label}</a>\n          `)}\n        </div>\n      ` : nothing}\n\n      <!-- Status (compact mode) — oculto en móvil -->\n      ${ctx.compact ? html`\n        <div class=\"hdr-status hdr-status--desktop\">\n          <div class=\"hdr-status-dot\"></div>\n          <span class=\"hdr-status-text\">Online · 42ms</span>\n        </div>\n      ` : nothing}\n\n      <div class=\"hdr-divider\"></div>\n\n      <!-- Notificaciones -->\n      <div class=\"hdr-notif\">\n        ${svgBell}\n        ${ctx.notifications ? html`<span class=\"hdr-notif-dot\"></span>` : nothing}\n      </div>\n\n      <!-- Avatar -->\n      <div class=\"hdr-avatar\">${ctx.userInitials || ctx.userName.slice(0, 1)}</div>\n\n    </div>`;\n}"],"names":[],"mappings":";;AAWO,SAAS,aAAa,KAAgC;AAC3D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOD,IAAI,YAAY,SAAS,kBAAkB,IAAI,WAAW,IAAI,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMrE,IAAI,aAAa;AAAA;AAAA,YAEb,SAAS;AAAA;AAAA;AAAA,2BAGM,IAAI,iBAAiB;AAAA,sBAC1B,CAAC,MACT,IAAI,UAAW,EAAE,OAA4B,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIvD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,IAAI,QAAQ,SAAS;AAAA;AAAA,YAEjB,IAAI,QAAQ,IAAI,CAAC,WAAyB;AAAA,uBAC/B,OAAO,QAAQ,GAAG;AAAA,kCACP,OAAO,YAAY,YACnC,wBAAwB,kBAAkB;AAAA;AAAA,eAE7C,OAAO,KAAK;AAAA,WAChB,CAAC;AAAA;AAAA,UAEF,OAAO;AAAA;AAAA;AAAA,QAGT,IAAI,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,UAKZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMP,OAAO;AAAA,UACP,IAAI,gBAAgB,4CAA4C,OAAO;AAAA;AAAA;AAAA;AAAA,gCAIjD,IAAI,gBAAgB,IAAI,SAAS,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA;AAG5E;"}
+{"version":3,"file":"index356.js","sources":["../src/components/molecules/header/templates/header-mega.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderActions, svgChevron } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }                from './header-mobile.html';\n\n/**\n * Template variante mega:\n * Panel full-width al hover sobre el link con dropdown.\n * En móvil el panel se oculta y el drawer cubre los mega-columns.\n */\nexport function renderMega(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">\n        ${ctx.links.map(link =>\n          link.dropdown?.length\n            ? html`\n                <div\n                  class=\"hdr-dd\"\n                  @mouseenter=\"${(): void => ctx._openMega()}\"\n                  @mouseleave=\"${(): void => ctx._closeMega()}\"\n                >\n                  <span class=\"hdr-link\">\n                    ${link.label} ${svgChevron}\n                  </span>\n                </div>`\n            : html`<a href=\"${link.href || '#'}\" class=\"hdr-link\">${link.label}</a>`\n        )}\n      </nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n\n    <!-- Overlay detrás del panel -->\n    <div\n      class=\"hdr-mega-overlay ${ctx._megaOpen ? 'is-open' : ''}\"\n      @mouseenter=\"${(): void => ctx._closeMega()}\"\n    ></div>\n\n    <!-- Panel full-width -->\n    <div\n      class=\"hdr-mega-panel ${ctx._megaOpen ? 'is-open' : ''}\"\n      @mouseenter=\"${(): void => ctx._openMega()}\"\n      @mouseleave=\"${(): void => ctx._closeMega()}\"\n    >\n      <div class=\"hdr-mega-inner\">\n        ${ctx.megaColumns.map(col => html`\n          <div>\n            <div class=\"hdr-mega-group-title\">${col.title}</div>\n            ${col.items.map(item => html`\n              <a href=\"${item.href || '#'}\" class=\"hdr-mega-link\">${item.label}</a>\n            `)}\n          </div>\n        `)}\n        ${ctx.megaCta ? html`\n          <div class=\"hdr-mega-cta\">\n            <div class=\"hdr-mega-cta-label\">${ctx.megaCta.label}</div>\n            <div class=\"hdr-mega-cta-title\">${ctx.megaCta.title}</div>\n            <div class=\"hdr-mega-cta-desc\">${ctx.megaCta.desc}</div>\n            <a href=\"${ctx.megaCta.href || '#'}\"\n              class=\"hdr-action hdr-action--kaki\"\n              style=\"height:32px;font-size:8px;\"\n            >${ctx.megaCta.cta}</a>\n          </div>\n        ` : nothing}\n      </div>\n    </div>\n\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,WAAW,KAAgC;AACzD,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,IAAI,MAAM;AAAA,IAAI,CAAA,SAAA;;AACd,yBAAK,aAAL,mBAAe,UACX;AAAA;AAAA;AAAA,iCAGmB,MAAY,IAAI,WAAW;AAAA,iCAC3B,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA,sBAGvC,KAAK,KAAK,IAAI,UAAU;AAAA;AAAA,0BAGhC,gBAAgB,KAAK,QAAQ,GAAG,sBAAsB,KAAK,KAAK;AAAA;AAAA,EAAA,CACrE;AAAA;AAAA,QAED,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKI,IAAI,YAAY,YAAY,EAAE;AAAA,qBACzC,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKnB,IAAI,YAAY,YAAY,EAAE;AAAA,qBACvC,MAAY,IAAI,WAAW;AAAA,qBAC3B,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA,UAGvC,IAAI,YAAY,IAAI,CAAA,QAAO;AAAA;AAAA,gDAEW,IAAI,KAAK;AAAA,cAC3C,IAAI,MAAM,IAAI,CAAA,SAAQ;AAAA,yBACX,KAAK,QAAQ,GAAG,2BAA2B,KAAK,KAAK;AAAA,aACjE,CAAC;AAAA;AAAA,SAEL,CAAC;AAAA,UACA,IAAI,UAAU;AAAA;AAAA,8CAEsB,IAAI,QAAQ,KAAK;AAAA,8CACjB,IAAI,QAAQ,KAAK;AAAA,6CAClB,IAAI,QAAQ,IAAI;AAAA,uBACtC,IAAI,QAAQ,QAAQ,GAAG;AAAA;AAAA;AAAA,eAG/B,IAAI,QAAQ,GAAG;AAAA;AAAA,YAElB,OAAO;AAAA;AAAA;AAAA;AAAA,MAIb,mBAAmB,GAAG,CAAC;AAC7B;"}

package/dist/index357.js

@@ -1,28 +1,67 @@
-import { nothing as A, noChange as E } from "./index358.js";
-import { Directive as i, PartType as t, directive as e$1 } from "./index359.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class e extends i {
-  constructor(i2) {
-    if (super(i2), this.it = A, i2.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(r) {
-    if (r === A || null == r) return this._t = void 0, this.it = r;
-    if (r === E) return r;
-    if ("string" != typeof r) throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (r === this.it) return this._t;
-    this.it = r;
-    const s = [r];
-    return s.raw = s, this._t = { _$litType$: this.constructor.resultType, strings: s, values: [] };
-  }
+import { nothing, html } from "lit";
+import { svgBell, renderBreadcrumbs, svgSearch } from "./index361.js";
+function renderAppBar(ctx) {
+  return html`
+    <div class="hdr">
+
+      <!-- Logo mark (sin texto) -->
+      <div class="hdr-logo-mark" style="flex-shrink:0;"></div>
+
+      <!-- Breadcrumbs -->
+      ${ctx.breadcrumbs.length ? renderBreadcrumbs(ctx.breadcrumbs) : nothing}
+
+      <!-- Divider — oculto en móvil -->
+      <div class="hdr-divider hdr-divider--desktop"></div>
+
+      <!-- Search — full en desktop, icono en móvil -->
+      ${ctx.showSearch ? html`
+        <div class="hdr-search">
+          ${svgSearch}
+          <input
+            type="search"
+            placeholder="${ctx.searchPlaceholder}"
+            @input="${(e) => ctx._onSearch(e.target.value)}"
+          />
+          <span class="hdr-search-kbd">⌘K</span>
+        </div>
+      ` : nothing}
+
+      <div class="hdr-spacer"></div>
+
+      <!-- Context actions — ocultos en móvil -->
+      ${ctx.actions.length ? html`
+        <div class="hdr-actions hdr-actions--desktop">
+          ${ctx.actions.map((action) => html`
+            <a href="${action.href || "#"}"
+              class="hdr-action ${action.variant === "outline" ? "hdr-action--outline" : "hdr-action--kaki"}"
+              style="height:32px;font-size:8px;"
+            >${action.label}</a>
+          `)}
+        </div>
+      ` : nothing}
+
+      <!-- Status (compact mode) — oculto en móvil -->
+      ${ctx.compact ? html`
+        <div class="hdr-status hdr-status--desktop">
+          <div class="hdr-status-dot"></div>
+          <span class="hdr-status-text">Online · 42ms</span>
+        </div>
+      ` : nothing}
+
+      <div class="hdr-divider"></div>
+
+      <!-- Notificaciones -->
+      <div class="hdr-notif">
+        ${svgBell}
+        ${ctx.notifications ? html`<span class="hdr-notif-dot"></span>` : nothing}
+      </div>
+
+      <!-- Avatar -->
+      <div class="hdr-avatar">${ctx.userInitials || ctx.userName.slice(0, 1)}</div>
+
+    </div>`;
 }
-e.directiveName = "unsafeHTML", e.resultType = 1;
-const o = e$1(e);
 export {
-  e as UnsafeHTMLDirective,
-  o as unsafeHTML
+  renderAppBar
 };
 //# sourceMappingURL=index357.js.map

package/dist/index357.js.map

@@ -1 +1 @@
-{"version":3,"file":"index357.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/unsafe-html.js"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{directive as r,Directive as s,PartType as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends s{constructor(i){if(super(i),this.it=t,i.type!==n.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=r(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n"],"names":["s","i","t","n","r"],"mappings":";;AACA;AAAA;AAAA;AAAA;AAAA;AAIG,MAAM,UAAUA,EAAC;AAAA,EAAC,YAAYC,IAAE;AAAC,QAAG,MAAMA,EAAC,GAAE,KAAK,KAAGC,GAAED,GAAE,SAAOE,EAAE,MAAM,OAAM,MAAM,KAAK,YAAY,gBAAc,uCAAuC;AAAA,EAAC;AAAA,EAAC,OAAO,GAAE;AAAC,QAAG,MAAID,KAAG,QAAM,EAAE,QAAO,KAAK,KAAG,QAAO,KAAK,KAAG;AAAE,QAAG,MAAID,EAAE,QAAO;AAAE,QAAG,YAAU,OAAO,EAAE,OAAM,MAAM,KAAK,YAAY,gBAAc,mCAAmC;AAAE,QAAG,MAAI,KAAK,GAAG,QAAO,KAAK;AAAG,SAAK,KAAG;AAAE,UAAM,IAAE,CAAC,CAAC;AAAE,WAAO,EAAE,MAAI,GAAE,KAAK,KAAG,EAAC,YAAW,KAAK,YAAY,YAAW,SAAQ,GAAE,QAAO,CAAA,EAAE;AAAA,EAAC;AAAC;AAAC,EAAE,gBAAc,cAAa,EAAE,aAAW;AAAO,MAAC,IAAEG,IAAE,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index357.js","sources":["../src/components/molecules/header/templates/header-app-bar.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport type { HeaderAction } from '../lib-header.types';\nimport { renderBreadcrumbs, svgSearch, svgBell } from './header-shared.html';\n\n/**\n * Template variante app-bar:\n * logomark | breadcrumbs | search | spacer | actions | notif | avatar\n * No usa el drawer móvil — sus acciones son contextuales.\n * En móvil: breadcrumbs se truncan, search colapsa a icono.\n */\nexport function renderAppBar(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n\n      <!-- Logo mark (sin texto) -->\n      <div class=\"hdr-logo-mark\" style=\"flex-shrink:0;\"></div>\n\n      <!-- Breadcrumbs -->\n      ${ctx.breadcrumbs.length ? renderBreadcrumbs(ctx.breadcrumbs) : nothing}\n\n      <!-- Divider — oculto en móvil -->\n      <div class=\"hdr-divider hdr-divider--desktop\"></div>\n\n      <!-- Search — full en desktop, icono en móvil -->\n      ${ctx.showSearch ? html`\n        <div class=\"hdr-search\">\n          ${svgSearch}\n          <input\n            type=\"search\"\n            placeholder=\"${ctx.searchPlaceholder}\"\n            @input=\"${(e: Event): void =>\n              ctx._onSearch((e.target as HTMLInputElement).value)}\"\n          />\n          <span class=\"hdr-search-kbd\">⌘K</span>\n        </div>\n      ` : nothing}\n\n      <div class=\"hdr-spacer\"></div>\n\n      <!-- Context actions — ocultos en móvil -->\n      ${ctx.actions.length ? html`\n        <div class=\"hdr-actions hdr-actions--desktop\">\n          ${ctx.actions.map((action: HeaderAction) => html`\n            <a href=\"${action.href || '#'}\"\n              class=\"hdr-action ${action.variant === 'outline'\n                ? 'hdr-action--outline' : 'hdr-action--kaki'}\"\n              style=\"height:32px;font-size:8px;\"\n            >${action.label}</a>\n          `)}\n        </div>\n      ` : nothing}\n\n      <!-- Status (compact mode) — oculto en móvil -->\n      ${ctx.compact ? html`\n        <div class=\"hdr-status hdr-status--desktop\">\n          <div class=\"hdr-status-dot\"></div>\n          <span class=\"hdr-status-text\">Online · 42ms</span>\n        </div>\n      ` : nothing}\n\n      <div class=\"hdr-divider\"></div>\n\n      <!-- Notificaciones -->\n      <div class=\"hdr-notif\">\n        ${svgBell}\n        ${ctx.notifications ? html`<span class=\"hdr-notif-dot\"></span>` : nothing}\n      </div>\n\n      <!-- Avatar -->\n      <div class=\"hdr-avatar\">${ctx.userInitials || ctx.userName.slice(0, 1)}</div>\n\n    </div>`;\n}"],"names":[],"mappings":";;AAWO,SAAS,aAAa,KAAgC;AAC3D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOD,IAAI,YAAY,SAAS,kBAAkB,IAAI,WAAW,IAAI,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMrE,IAAI,aAAa;AAAA;AAAA,YAEb,SAAS;AAAA;AAAA;AAAA,2BAGM,IAAI,iBAAiB;AAAA,sBAC1B,CAAC,MACT,IAAI,UAAW,EAAE,OAA4B,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIvD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,IAAI,QAAQ,SAAS;AAAA;AAAA,YAEjB,IAAI,QAAQ,IAAI,CAAC,WAAyB;AAAA,uBAC/B,OAAO,QAAQ,GAAG;AAAA,kCACP,OAAO,YAAY,YACnC,wBAAwB,kBAAkB;AAAA;AAAA,eAE7C,OAAO,KAAK;AAAA,WAChB,CAAC;AAAA;AAAA,UAEF,OAAO;AAAA;AAAA;AAAA,QAGT,IAAI,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,UAKZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMP,OAAO;AAAA,UACP,IAAI,gBAAgB,4CAA4C,OAAO;AAAA;AAAA;AAAA;AAAA,gCAIjD,IAAI,gBAAgB,IAAI,SAAS,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA;AAG5E;"}

package/dist/src/components/atoms/button/lib-button.component.d.ts

@@ -1,5 +1,6 @@
 import { LitElement, TemplateResult } from 'lit';
-import type { LibSize, LibVariant } from '../../../types';
+import type { LibSize } from '../../../types';
+import type { LibButtonVariant } from './lib-button.types';
 /**
  * @tag lib-button
  * @element lib-button
@@ -12,9 +13,9 @@ export declare class LibButton extends LitElement {
     private _buttonId;
     constructor();
     /**
-   * @type {"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "accent"}
+   * @type {"primary" | "secondary" | "ghost" | "accent" | "danger" | "kintsugi" | "brutal"}
    */
-    variant: LibVariant;
+    variant: LibButtonVariant;
     /**
    * @type {"sm" | "md" | "lg" | "xl"}
    */
@@ -28,6 +29,14 @@ export declare class LibButton extends LitElement {
      */
     glass: boolean;
     /**
+   * @type {boolean}
+   */
+    spotlight: boolean;
+    private _onMouseMove;
+    private _onMouseLeave;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
    * @type {'button' | 'submit' | 'reset'}
    */
     type: 'button' | 'submit' | 'reset';

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

@@ -1 +1 @@
-{"version":3,"file":"lib-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,MAAM,gBAAgB,CAAC;AAK9E;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAOpB;IAEF,OAAO,CAAC,SAAS,CAAS;;IAO1B;;KAEC;IAED,OAAO,EAAE,UAAU,CAAa;IAEhC;;KAEC;IAED,IAAI,EAAE,OAAO,CAAQ;IAErB;;KAEC;IAED,QAAQ,UAAS;IAEnB;;OAEG;IAED,KAAK,UAAS;IAEd;;KAEC;IAED,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;KAEC;IAED,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC;;KAEC;IAEQ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC;;OAEG;IACM,MAAM,IAAI,cAAc;IAcjC,OAAO,CAAC,YAAY;CAerB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"lib-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,OAAO,KAAK,EAAE,OAAO,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAK3D;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAOpB;IAEF,OAAO,CAAC,SAAS,CAAS;;IAO1B;;KAEC;IAED,OAAO,EAAE,gBAAgB,CAAa;IAEtC;;KAEC;IAED,IAAI,EAAE,OAAO,CAAQ;IAErB;;KAEC;IAED,QAAQ,UAAS;IAEnB;;OAEG;IAED,KAAK,UAAS;IAEd;;KAEC;IAED,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEO,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC;;KAEC;IAED,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;KAEC;IAED,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC;;KAEC;IAEQ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC;;OAEG;IACM,MAAM,IAAI,cAAc;IAejC,OAAO,CAAC,YAAY;CAerB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/src/components/atoms/button/lib-button.html.d.ts

@@ -1,14 +1,16 @@
 import { TemplateResult } from 'lit';
-import type { LibSize, LibVariant } from '../../../types';
+import type { LibSize } from '../../../types';
+import type { LibButtonVariant } from './lib-button.types';
 export interface ButtonTemplateProps {
     buttonId: string;
     type: 'button' | 'submit' | 'reset';
     disabled: boolean;
     ariaLabel?: string | undefined;
     handleClick: (event: Event) => void;
-    variant: LibVariant;
+    variant: LibButtonVariant;
     size: LibSize;
     glass: boolean;
+    spotlight: boolean;
     customPadding?: string | undefined;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"lib-button.html.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,cAAc,CAgBzE"}
+{"version":3,"file":"lib-button.html.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,cAAc,CAiBzE"}

package/dist/src/components/atoms/button/lib-button.stories.d.ts

@@ -10,6 +10,9 @@ export default meta;
 type Story = StoryObj<LibButtonStoryArgs>;
 export declare const Playground: Story;
 export declare const AllVariants: Story;
+export declare const Kintsugi: Story;
+export declare const Brutal: Story;
+export declare const SpotlightEffect: Story;
 export declare const Sizes: Story;
 export declare const Disabled: Story;
 export declare const GlassEffect: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"lib-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,KAAK,kBAAkB,GAAG,SAAS,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAA;CAAE,CAAC;AAEhF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAmClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC"}
+{"version":3,"file":"lib-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,KAAK,kBAAkB,GAAG,SAAS,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAA;CAAE,CAAC;AAEhF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAwClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAoBpB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC"}

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

@@ -0,0 +1,2 @@
+export type LibButtonVariant = 'primary' | 'secondary' | 'ghost' | 'accent' | 'danger' | 'kintsugi' | 'brutal';
+//# sourceMappingURL=lib-button.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/button/lib-button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,QAAQ,CAAC"}

package/dist/src/components/atoms/step/lib-step.component.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, TemplateResult } from 'lit';
-import type { LibStepStatus, LibStepOrientation, LibStepVariant, LibStepSize } from './lib-step.html';
+import type { LibStepStatus, LibStepOrientation, LibStepVariant, LibStepSize } from './lib-step.types';
 /**
  * @element lib-step
  *

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

@@ -1 +1 @@
-{"version":3,"file":"lib-step.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/step/lib-step.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAKzB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAGpB;IAEF,2DAA2D;IAE3D,KAAK,SAAM;IAEX,yCAAyC;IAEzC,GAAG,SAAM;IAET;;;OAGG;IAEH,KAAK,SAAK;IAEV;;;;;;;OAOG;IAEH,MAAM,EAAE,aAAa,CAAa;IAElC;;;OAGG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,WAAW,EAAE,kBAAkB,CAAgB;IAE/C;;;;;OAKG;IAEH,OAAO,EAAE,cAAc,CAAa;IAEpC;;;;;OAKG;IAEH,IAAI,EAAE,WAAW,CAAQ;IAEhB,MAAM,IAAI,cAAc;CAUlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"lib-step.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/step/lib-step.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAGpB;IAEF,2DAA2D;IAE3D,KAAK,SAAM;IAEX,yCAAyC;IAEzC,GAAG,SAAM;IAET;;;OAGG;IAEH,KAAK,SAAK;IAEV;;;;;;;OAOG;IAEH,MAAM,EAAE,aAAa,CAAa;IAElC;;;OAGG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,WAAW,EAAE,kBAAkB,CAAgB;IAE/C;;;;;OAKG;IAEH,OAAO,EAAE,cAAc,CAAa;IAEpC;;;;;OAKG;IAEH,IAAI,EAAE,WAAW,CAAQ;IAEhB,MAAM,IAAI,cAAc;CAUlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/src/components/atoms/step/lib-step.html.d.ts

@@ -1,8 +1,7 @@
 import { TemplateResult } from 'lit';
-export type LibStepStatus = 'pending' | 'active' | 'completed' | 'error';
-export type LibStepOrientation = 'horizontal' | 'vertical';
-export type LibStepVariant = 'default' | 'minimal' | 'kintsugi';
-export type LibStepSize = 'sm' | 'md' | 'lg';
+import type { LibStepStatus, LibStepOrientation } from './lib-step.types';
+export type { LibStepStatus, LibStepOrientation } from './lib-step.types';
+export type { LibStepVariant, LibStepSize } from './lib-step.types';
 export interface StepTemplateProps {
     index: number;
     status: LibStepStatus;