@shibui-ui/ui 1.25.0 → 1.25.1

package/dist/index263.js

@@ -1,5 +1,62 @@
-const treeSelectCss = '@layer tokens,reset,components;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer components{:host{display:block;position:relative}:host([disabled]){opacity:.38;pointer-events:none;cursor:not-allowed}.ts-wrap{position:relative;display:inline-flex;flex-direction:column;min-width:260px;width:100%}.ts-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--lib-space-sm);padding:calc(var(--lib-spacing-unit) * 3) var(--lib-space-md);background:var(--bg-elevated);border:1px solid var(--border-default);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default);border-radius:var(--lib-radius-md)}.ts-trigger:hover{border-color:var(--border-strong)}:host([open]) .ts-trigger{border-color:var(--color-washi-800);box-shadow:0 0 0 3px var(--color-ink-10)}.ts-trigger-label{font-family:var(--lib-font-body);font-size:var(--text-base);color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-trigger-label.is-placeholder{color:var(--text-muted)}.ts-trigger-count{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);color:var(--bg-elevated);background:var(--color-kaki-500);padding:2px 6px;border-radius:var(--radius-full);flex-shrink:0;line-height:1.4}.ts-trigger-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-slow) var(--ease-out)}:host([open]) .ts-trigger-chevron{transform:rotate(180deg)}.ts-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;min-width:260px;background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);z-index:var(--z-overlay);display:flex;flex-direction:column;max-height:340px;border-radius:var(--lib-radius-md);opacity:0;transform:translateY(-6px) scaleY(.97);transform-origin:top;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}:host([open]) .ts-dropdown{opacity:1;transform:none;pointer-events:auto}.ts-search-wrap{padding:calc(var(--lib-spacing-unit) * 3) var(--lib-space-md);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:calc(var(--lib-spacing-unit) * 3);flex-shrink:0}.ts-search-icon{color:var(--text-muted);flex-shrink:0}.ts-search{flex:1;border:none;outline:none;background:transparent;font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-primary)}.ts-search::placeholder{color:var(--text-muted)}.ts-tree{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--color-washi-300) transparent}.ts-node{display:flex;flex-direction:column}.ts-node-row{display:flex;align-items:center;padding:var(--lib-space-sm) var(--lib-space-md);cursor:pointer;min-height:34px;transition:background var(--duration-fast);gap:0;position:relative}.ts-node-row:hover{background:var(--color-washi-100)}.ts-node-row.is-selected{background:var(--color-kaki-50)}.ts-node-row.is-selected:hover{background:var(--color-kaki-100)}.ts-indent{display:flex;align-items:stretch;flex-shrink:0}.ts-indent-unit{width:20px;position:relative;flex-shrink:0}.ts-indent-unit:before{content:"";position:absolute;left:9px;top:-50%;bottom:-50%;width:1px;background:var(--border-subtle)}.ts-indent-unit.ts-indent-no-line:before{display:none}.ts-indent-unit.ts-indent-last:after{content:"";position:absolute;left:9px;top:50%;width:11px;height:1px;background:var(--border-subtle)}.ts-indent-unit.ts-indent-last-child:before{bottom:50%}.ts-toggle{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-default);background:var(--bg-elevated);margin-right:var(--lib-space-sm);position:relative;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.ts-toggle:hover{border-color:var(--border-strong);background:var(--color-washi-100)}.ts-toggle-icon{width:8px;height:8px;color:var(--text-muted);transition:transform var(--duration-slow) var(--ease-out);flex-shrink:0}.ts-node.is-expanded>.ts-node-row .ts-toggle-icon{transform:rotate(90deg)}.ts-toggle-spacer{width:18px;flex-shrink:0;margin-right:var(--lib-space-sm)}.ts-checkbox{width:14px;height:14px;flex-shrink:0;border:1px solid var(--border-default);background:var(--bg-elevated);margin-right:calc(var(--lib-spacing-unit) * 3);display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-base),background var(--duration-base);position:relative;border-radius:var(--lib-radius-sm)}.ts-node-row.is-selected .ts-checkbox{background:var(--color-kaki-500);border-color:var(--color-kaki-500)}.ts-node-row.is-indeterminate .ts-checkbox{background:var(--bg-elevated);border-color:var(--color-kaki-400)}.ts-checkbox-check{display:none;width:8px;height:8px;color:var(--color-white);flex-shrink:0;stroke:var(--color-white)}.ts-node-row.is-selected .ts-checkbox-check{display:block}.ts-checkbox-dash{display:none;width:8px;height:1.5px;background:var(--color-kaki-400);flex-shrink:0}.ts-node-row.is-indeterminate .ts-checkbox-dash{display:block}:host(:not([multi])) .ts-checkbox{display:none}.ts-node-label{font-family:var(--lib-font-body);font-size:var(--text-sm);color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast)}.ts-node-row.is-selected .ts-node-label{color:var(--color-kaki-600)}.ts-node-label mark{background:var(--color-kaki-100);color:var(--color-kaki-600);border-radius:1px;padding:0 1px}.ts-node-badge{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-left:var(--lib-space-sm);flex-shrink:0}.ts-node-row.is-selected .ts-node-badge{color:var(--color-kaki-400)}.ts-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.ts-node.is-expanded>.ts-children{grid-template-rows:1fr}.ts-children-inner{overflow:hidden}.ts-footer{border-top:1px solid var(--border-subtle);padding:calc(var(--lib-spacing-unit) * 3) var(--lib-space-md);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-surface)}.ts-footer-info{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.ts-footer-actions{display:flex;gap:var(--lib-space-md)}.ts-btn{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;border:none;background:transparent;cursor:pointer;padding:var(--lib-space-xs) var(--lib-space-sm);color:var(--text-muted);transition:color var(--duration-base)}.ts-btn:hover{color:var(--text-primary)}.ts-btn-confirm{background:var(--color-washi-900);color:var(--color-washi-50);padding:var(--lib-space-xs) var(--lib-space-md);transition:background var(--duration-base)}.ts-btn-confirm:hover{background:var(--color-kaki-500)}.ts-empty{padding:var(--lib-space-xl) var(--lib-space-md);text-align:center;font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted)}.ts-tags{display:flex;flex-wrap:wrap;gap:var(--lib-space-sm);margin-top:calc(var(--lib-spacing-unit) * 3);min-height:26px}.ts-tag{font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:2px calc(var(--lib-spacing-unit) * 3);background:var(--color-kaki-50);border:1px solid var(--color-kaki-200);color:var(--color-kaki-600);display:flex;align-items:center;gap:var(--lib-space-sm);cursor:default;transition:background var(--duration-fast)}.ts-tag:hover{background:var(--color-kaki-100)}.ts-tag-remove{cursor:pointer;color:var(--color-kaki-400);line-height:1;font-size:11px;transition:color var(--duration-fast)}.ts-tag-remove:hover{color:var(--color-kaki-600)}:host([inline]){display:flex;flex-direction:column}.ts-inline{border:1px solid var(--border-subtle);background:var(--bg-elevated);max-height:360px;display:flex;flex-direction:column;border-radius:var(--lib-radius-md)}.ts-inline .ts-tree{flex:1}.ts-inline .ts-search-wrap,.ts-inline .ts-footer{flex-shrink:0}}';
+import { noChange as E } from "./index358.js";
+import { directive as e, Directive as i, PartType as t } from "./index359.js";
+import { getCommittedValue as M, setChildPartValue as u$1, insertPart as v, removePart as h, setCommittedValue as p } from "./index360.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const u = (e2, s, t2) => {
+  const r = /* @__PURE__ */ new Map();
+  for (let l = s; l <= t2; l++) r.set(e2[l], l);
+  return r;
+}, c = e(class extends i {
+  constructor(e2) {
+    if (super(e2), e2.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e2, s, t2) {
+    let r;
+    void 0 === t2 ? t2 = s : void 0 !== s && (r = s);
+    const l = [], o = [];
+    let i2 = 0;
+    for (const s2 of e2) l[i2] = r ? r(s2, i2) : i2, o[i2] = t2(s2, i2), i2++;
+    return { values: o, keys: l };
+  }
+  render(e2, s, t2) {
+    return this.dt(e2, s, t2).values;
+  }
+  update(s, [t2, r, c2]) {
+    const d = M(s), { values: p$1, keys: a } = this.dt(t2, r, c2);
+    if (!Array.isArray(d)) return this.ut = a, p$1;
+    const h$1 = this.ut ?? (this.ut = []), v$1 = [];
+    let m, y, x = 0, j = d.length - 1, k = 0, w = p$1.length - 1;
+    for (; x <= j && k <= w; ) if (null === d[x]) x++;
+    else if (null === d[j]) j--;
+    else if (h$1[x] === a[k]) v$1[k] = u$1(d[x], p$1[k]), x++, k++;
+    else if (h$1[j] === a[w]) v$1[w] = u$1(d[j], p$1[w]), j--, w--;
+    else if (h$1[x] === a[w]) v$1[w] = u$1(d[x], p$1[w]), v(s, v$1[w + 1], d[x]), x++, w--;
+    else if (h$1[j] === a[k]) v$1[k] = u$1(d[j], p$1[k]), v(s, d[x], d[j]), j--, k++;
+    else if (void 0 === m && (m = u(a, k, w), y = u(h$1, x, j)), m.has(h$1[x])) if (m.has(h$1[j])) {
+      const e2 = y.get(a[k]), t3 = void 0 !== e2 ? d[e2] : null;
+      if (null === t3) {
+        const e3 = v(s, d[x]);
+        u$1(e3, p$1[k]), v$1[k] = e3;
+      } else v$1[k] = u$1(t3, p$1[k]), v(s, d[x], t3), d[e2] = null;
+      k++;
+    } else h(d[j]), j--;
+    else h(d[x]), x++;
+    for (; k <= w; ) {
+      const e2 = v(s, v$1[w + 1]);
+      u$1(e2, p$1[k]), v$1[k++] = e2;
+    }
+    for (; x <= j; ) {
+      const e2 = d[x++];
+      null !== e2 && h(e2);
+    }
+    return this.ut = a, p(s, v$1), E;
+  }
+});
 export {
-  treeSelectCss as default
+  c as repeat
 };
 //# sourceMappingURL=index263.js.map

package/dist/index263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index263.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index263.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.js"],"sourcesContent":["import{noChange as e}from\"../lit-html.js\";import{directive as s,Directive as t,PartType as r}from\"../directive.js\";import{getCommittedValue as l,setChildPartValue as o,insertPart as i,removePart as n,setCommittedValue as f}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=s(class extends t{constructor(e){if(super(e),e.type!==r.CHILD)throw Error(\"repeat() can only be used in text expressions\")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return{values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r,c]){const d=l(s),{values:p,keys:a}=this.dt(t,r,c);if(!Array.isArray(d))return this.ut=a,p;const h=this.ut??=[],v=[];let m,y,x=0,j=d.length-1,k=0,w=p.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v[k]=o(d[x],p[k]),x++,k++;else if(h[j]===a[w])v[w]=o(d[j],p[w]),j--,w--;else if(h[x]===a[w])v[w]=o(d[x],p[w]),i(s,v[w+1],d[x]),x++,w--;else if(h[j]===a[k])v[k]=o(d[j],p[k]),i(s,d[x],d[j]),j--,k++;else if(void 0===m&&(m=u(a,k,w),y=u(h,x,j)),m.has(h[x]))if(m.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=i(s,d[x]);o(e,p[k]),v[k]=e}else v[k]=o(t,p[k]),i(s,d[x],t),d[e]=null;k++}else n(d[j]),j--;else n(d[x]),x++;for(;k<=w;){const e=i(s,v[w+1]);o(e,p[k]),v[k++]=e}for(;x<=j;){const e=d[x++];null!==e&&n(e)}return this.ut=a,f(s,v),e}});export{c as repeat};\n//# sourceMappingURL=repeat.js.map\n"],"names":["e","t","s","r","i","c","l","p","h","v","o","n","f"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index264.js

@@ -1,15 +1,5 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function* o(o2, f) {
-  if (void 0 !== o2) {
-    let i = 0;
-    for (const t of o2) yield f(t, i++);
-  }
-}
+const toastManagerCss = "@layer tokens,reset,components;@layer reset{*,*:before,*:after{box-sizing:border-box}}@layer components{:host{position:fixed;top:var(--lib-space-lg);right:var(--lib-space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--lib-space-sm);width:340px;pointer-events:none}::slotted(lib-alert),lib-alert{pointer-events:auto;animation:tm-in var(--duration-slow) var(--ease-out) forwards}@keyframes tm-in{0%{transform:translate(calc(100% + var(--lib-space-lg)));opacity:0}to{transform:translate(0);opacity:1}}lib-alert.is-leaving{animation:tm-out var(--duration-base) var(--ease-default) forwards;pointer-events:none}@keyframes tm-out{0%{transform:translate(0);opacity:1;max-height:200px;margin-bottom:0}to{transform:translate(calc(100% + var(--lib-space-lg)));opacity:0;max-height:0;margin-bottom:calc(-1 * var(--lib-space-sm))}}}";
 export {
-  o as map
+  toastManagerCss as default
 };
 //# sourceMappingURL=index264.js.map

package/dist/index264.js.map

@@ -1 +1 @@
-{"version":3,"file":"index264.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/map.js"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction*o(o,f){if(void 0!==o){let i=0;for(const t of o)yield f(t,i++)}}export{o as map};\n//# sourceMappingURL=map.js.map\n"],"names":["o"],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,UAAS,EAAEA,IAAE,GAAE;AAAC,MAAG,WAASA,IAAE;AAAC,QAAI,IAAE;AAAE,eAAU,KAAKA,GAAE,OAAM,EAAE,GAAE,GAAG;AAAA,EAAC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index264.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index34.js

@@ -1,6 +1,6 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { generateUniqueId } from "./index242.js";
+import { generateUniqueId } from "./index210.js";
 import { radioTemplate } from "./index324.js";
 import radioCss from "./index325.js";
 import sharedTokens from "./index196.js";

package/dist/index347.js

@@ -1,5 +1,5 @@
 import { html, nothing } from "lit";
-import { map as o } from "./index264.js";
+import { map as o } from "./index232.js";
 function renderContentItem(item, marker) {
   return html`
     <li class="lst-item">

package/dist/index353.js

@@ -1,35 +1,17 @@
-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 { 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)}`;
+}
 export {
-  e as classMap
+  renderClassic
 };
 //# sourceMappingURL=index353.js.map

package/dist/index353.js.map

@@ -1 +1 @@
-{"version":3,"file":"index353.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":"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;"}

package/dist/index354.js

@@ -1,17 +1,31 @@
-import { html } from "lit";
-import { renderLogo, renderLinks, renderActions } from "./index361.js";
+import { nothing, html } from "lit";
+import { renderLinks, renderLogo, renderActions } from "./index361.js";
 import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderClassic(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">${renderLinks(ctx, ctx.links)}</nav>
-      ${renderActions(ctx)}
+      <nav class="hdr-nav hdr-nav--right">
+        ${renderLinks(ctx, rightLinks)}
+        ${renderActions(ctx)}
+      </nav>
       ${renderHamburger(ctx)}
     </div>
     ${renderMobileDrawer(ctx)}`;
 }
 export {
-  renderClassic
+  renderCentered
 };
 //# sourceMappingURL=index354.js.map

package/dist/index354.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/dist/index355.js

@@ -1,31 +1,69 @@
 import { nothing, html } from "lit";
-import { renderLinks, renderLogo, renderActions } from "./index361.js";
+import { renderLogo, svgChevron, 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 renderMega(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 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>
+
+    <!-- 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 {
-  renderCentered
+  renderMega
 };
 //# sourceMappingURL=index355.js.map

package/dist/index355.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/dist/index356.js

@@ -1,69 +1,67 @@
 import { nothing, html } from "lit";
-import { renderLogo, svgChevron, renderActions } from "./index361.js";
-import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderMega(ctx) {
+import { svgBell, renderBreadcrumbs, svgSearch } from "./index361.js";
+function renderAppBar(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>
 
-    <!-- Overlay detrás del panel -->
-    <div
-      class="hdr-mega-overlay ${ctx._megaOpen ? "is-open" : ""}"
-      @mouseenter="${() => ctx._closeMega()}"
-    ></div>
+      <!-- Logo mark (sin texto) -->
+      <div class="hdr-logo-mark" style="flex-shrink:0;"></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"
+      <!-- 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;"
-            >${ctx.megaCta.cta}</a>
-          </div>
-        ` : nothing}
+            >${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>
-    </div>
 
-    ${renderMobileDrawer(ctx)}`;
+      <!-- Avatar -->
+      <div class="hdr-avatar">${ctx.userInitials || ctx.userName.slice(0, 1)}</div>
+
+    </div>`;
 }
 export {
-  renderMega
+  renderAppBar
 };
 //# sourceMappingURL=index356.js.map

package/dist/index356.js.map

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/dist/index357.js

@@ -1,67 +1,35 @@
-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>`;
-}
+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;
+  }
+});
 export {
-  renderAppBar
+  e as classMap
 };
 //# sourceMappingURL=index357.js.map