@shibui-ui/ui 1.25.1 → 1.26.1

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,35 +1,67 @@
-import { noChange as E } from "./index358.js";
-import { directive as e$1, Directive as i, PartType as t } from "./index359.js";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e = e$1(class extends i {
-  constructor(t$1) {
-    var _a;
-    if (super(t$1), t$1.type !== t.ATTRIBUTE || "class" !== t$1.name || ((_a = t$1.strings) == null ? void 0 : _a.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return " " + Object.keys(t2).filter((s) => t2[s]).join(" ") + " ";
-  }
-  update(s, [i2]) {
-    var _a, _b;
-    if (void 0 === this.st) {
-      this.st = /* @__PURE__ */ new Set(), void 0 !== s.strings && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
-      for (const t2 in i2) i2[t2] && !((_a = this.nt) == null ? void 0 : _a.has(t2)) && this.st.add(t2);
-      return this.render(i2);
-    }
-    const r = s.element.classList;
-    for (const t2 of this.st) t2 in i2 || (r.remove(t2), this.st.delete(t2));
-    for (const t2 in i2) {
-      const s2 = !!i2[t2];
-      s2 === this.st.has(t2) || ((_b = this.nt) == null ? void 0 : _b.has(t2)) || (s2 ? (r.add(t2), this.st.add(t2)) : (r.remove(t2), this.st.delete(t2)));
-    }
-    return E;
-  }
-});
+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>`;
+}
 export {
-  e as classMap
+  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/class-map.js"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter(s=>t[s]).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter(t=>\"\"!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n"],"names":["s","t","r","i"],"mappings":";;AACA;AAAA;AAAA;AAAA;AAAA;AAIQ,MAAC,IAAEA,IAAE,cAAc,EAAC;AAAA,EAAC,YAAYC,KAAE;;AAAC,QAAG,MAAMA,GAAC,GAAEA,IAAE,SAAOC,EAAE,aAAW,YAAUD,IAAE,UAAMA,SAAE,YAAFA,mBAAW,UAAO,EAAE,OAAM,MAAM,oGAAoG;AAAA,EAAC;AAAA,EAAC,OAAOA,IAAE;AAAC,WAAM,MAAI,OAAO,KAAKA,EAAC,EAAE,OAAO,OAAGA,GAAE,CAAC,CAAC,EAAE,KAAK,GAAG,IAAE;AAAA,EAAG;AAAA,EAAC,OAAO,GAAE,CAACE,EAAC,GAAE;;AAAC,QAAG,WAAS,KAAK,IAAG;AAAC,WAAK,KAAG,oBAAI,OAAI,WAAS,EAAE,YAAU,KAAK,KAAG,IAAI,IAAI,EAAE,QAAQ,KAAK,GAAG,EAAE,MAAM,IAAI,EAAE,OAAO,CAAAF,OAAG,OAAKA,EAAC,CAAC;AAAG,iBAAUA,MAAKE,GAAE,CAAAA,GAAEF,EAAC,KAAG,GAAC,UAAK,OAAL,mBAAS,IAAIA,QAAI,KAAK,GAAG,IAAIA,EAAC;AAAE,aAAO,KAAK,OAAOE,EAAC;AAAA,IAAC;AAAC,UAAM,IAAE,EAAE,QAAQ;AAAU,eAAUF,MAAK,KAAK,GAAG,CAAAA,MAAKE,OAAI,EAAE,OAAOF,EAAC,GAAE,KAAK,GAAG,OAAOA,EAAC;AAAG,eAAUA,MAAKE,IAAE;AAAC,YAAMH,KAAE,CAAC,CAACG,GAAEF,EAAC;AAAE,MAAAD,OAAI,KAAK,GAAG,IAAIC,EAAC,OAAG,UAAK,OAAL,mBAAS,IAAIA,SAAKD,MAAG,EAAE,IAAIC,EAAC,GAAE,KAAK,GAAG,IAAIA,EAAC,MAAI,EAAE,OAAOA,EAAC,GAAE,KAAK,GAAG,OAAOA,EAAC;AAAA,IAAG;AAAC,WAAOA;AAAAA,EAAC;AAAC,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/index44.js

@@ -1,6 +1,6 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { generateUniqueId } from "./index210.js";
+import { generateUniqueId } from "./index242.js";
 import { switchTemplate } from "./index342.js";
 import switchCss from "./index343.js";
 import sharedTokens from "./index196.js";

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { generateUniqueId } from "./index210.js";
+import { generateUniqueId } from "./index242.js";
 import sharedTokens from "./index196.js";
 import tooltipCss from "./index348.js";
 import { tooltipTemplate } from "./index349.js";

package/dist/index49.js

@@ -1,8 +1,8 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
 import "./index25.js";
-import { breadcrumbTemplate } from "./index194.js";
-import componentCss from "./index195.js";
+import { breadcrumbTemplate } from "./index227.js";
+import componentCss from "./index228.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index50.js

@@ -1,8 +1,8 @@
 import { unsafeCSS, css, LitElement, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import groupCss from "./index197.js";
+import groupCss from "./index229.js";
 import sharedTokens from "./index196.js";
-import { buttonGroupTemplate, buttonSplitTemplate } from "./index198.js";
+import { buttonGroupTemplate, buttonSplitTemplate } from "./index230.js";
 import "./index11.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index51.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, query, customElement } from "lit/decorators.js";
-import { checkboxCardTemplate } from "./index199.js";
-import checkboxCardCss from "./index200.js";
+import { checkboxCardTemplate } from "./index231.js";
+import checkboxCardCss from "./index232.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index52.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, query, customElement } from "lit/decorators.js";
-import { chipTemplate } from "./index201.js";
-import chipCss from "./index202.js";
+import { chipTemplate } from "./index233.js";
+import chipCss from "./index234.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index53.js

@@ -1,9 +1,9 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
-import pickerCss from "./index203.js";
+import pickerCss from "./index235.js";
 import sharedTokens from "./index196.js";
-import { colorPickerTemplate, swatchGridTemplate } from "./index204.js";
-import { SHIBUI_SWATCHES } from "./index205.js";
+import { colorPickerTemplate, swatchGridTemplate } from "./index236.js";
+import { SHIBUI_SWATCHES } from "./index237.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/index54.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { dropdownTemplate } from "./index206.js";
-import dropdownCss from "./index207.js";
+import { dropdownTemplate } from "./index238.js";
+import dropdownCss from "./index239.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index55.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { emptyStateTemplate } from "./index208.js";
-import emptyStateCss from "./index209.js";
+import { emptyStateTemplate } from "./index240.js";
+import emptyStateCss from "./index241.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index56.js

@@ -1,9 +1,9 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
-import { generateUniqueId } from "./index210.js";
-import uploaderCss from "./index211.js";
+import { generateUniqueId } from "./index242.js";
+import uploaderCss from "./index243.js";
 import sharedTokens from "./index196.js";
-import { fileUploaderTemplate } from "./index212.js";
+import { fileUploaderTemplate } from "./index244.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/index57.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
-import { headerTemplate } from "./index213.js";
-import headerCss from "./index214.js";
+import { headerTemplate } from "./index245.js";
+import headerCss from "./index246.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index58.js

@@ -1,8 +1,8 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
 import sharedTokens from "./index196.js";
-import inputStyles from "./index215.js";
-import { inputTemplate } from "./index216.js";
+import inputStyles from "./index247.js";
+import { inputTemplate } from "./index248.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/index59.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { alertTemplate } from "./index217.js";
-import alertCss from "./index218.js";
+import { alertTemplate } from "./index249.js";
+import alertCss from "./index250.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/index60.js

@@ -1,8 +1,8 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
 import sharedTokens from "./index196.js";
-import modalCss from "./index219.js";
-import { modalTemplate } from "./index220.js";
+import modalCss from "./index251.js";
+import { modalTemplate } from "./index252.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/index61.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { paginationTemplate } from "./index221.js";
-import paginationCss from "./index222.js";
+import { paginationTemplate } from "./index253.js";
+import paginationCss from "./index254.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;