@celke/kole-react 0.2.0 → 0.3.0

package/README.md

@@ -101,6 +101,37 @@ export function Layout({ sair }: { sair: () => void }) {
 Para links de verdade do roteador (ctrl+clique abre em nova aba), passe
 `renderLink={(p) => <Link to={p.href} className={p.className} onClick={p.onClick} aria-current={p['aria-current']}>{p.children}</Link>}`.
 
+### Páginas fora do React no mesmo app (Inertia + Blade)
+
+Num app Laravel com páginas Inertia e páginas Blade, o `<Link>` do Inertia só
+serve para as páginas Inertia. Marque as outras com `recarregar: true`: o link
+vira um `<a>` comum (sem `renderLink` nem `aoNavegar`) e abre com recarga
+completa. Vale para o menu, a busca do menu e a trilha. Se a marca aponta para
+uma página Blade, use `marca={{ …, recarregar: true }}`.
+
+```tsx
+import { Link, router, usePage } from '@inertiajs/react';
+
+<Estrutura
+  nav={[
+    {
+      itens: [
+        { rotulo: 'Painel', icone: 'house', rota: '/painel' },                    // Inertia
+        { rotulo: 'Relatórios', icone: 'file-text', rota: '/relatorios', recarregar: true }, // Blade
+      ],
+    },
+  ]}
+  rotaAtual={usePage().url}
+  aoNavegar={(rota) => router.visit(rota)}
+  renderLink={(p) => <Link href={p.href} className={p.className} onClick={p.onClick} aria-current={p['aria-current']}>{p.children}</Link>}
+  …
+/>
+```
+
+Do Blade para o Inertia não precisa de nada: um link comum abre a página
+Inertia. Para as telas Blade com o mesmo layout, veja o pacote Composer
+[`celke/kole-laravel`](https://github.com/celkecursos/kole-laravel).
+
 ## Componentes
 
 | Grupo | Componentes |

package/dist/components/Busca/Busca.d.ts

@@ -6,6 +6,8 @@ export interface ItemBusca {
     icone?: IconeProp;
     /** Caminho no menu (ex.: "Cadastros › Pessoas"). */
     trilha?: string;
+    /** Página fora da navegação SPA (ex.: tela Blade num app Inertia): abre com recarga completa, sem `aoNavegar`. */
+    recarregar?: boolean;
 }
 export interface BuscaProps {
     placeholder?: string;

package/dist/components/Estrutura/Estrutura.d.ts

@@ -8,6 +8,11 @@ export interface ItemNav {
     rota?: string;
     filhos?: ItemNav[];
     desabilitado?: boolean;
+    /**
+     * Página fora da navegação SPA (ex.: tela Blade num app Inertia): o link vira
+     * um `<a>` comum, sem `renderLink` nem `aoNavegar`, e abre com recarga completa.
+     */
+    recarregar?: boolean;
 }
 export interface SecaoNav {
     /** Rótulo do grupo (linha em caixa alta). */
@@ -20,6 +25,8 @@ export interface Marca {
     /** URL da imagem do logo (sem ela, mostra um escudo). */
     logo?: string;
     href?: string;
+    /** O `href` da marca abre com recarga completa (ver `ItemNav.recarregar`). */
+    recarregar?: boolean;
 }
 export interface UsuarioEstrutura {
     nome: string;

package/dist/index.js

@@ -1467,8 +1467,8 @@ function ci({ placeholder: e = "Buscar…", ocupado: t, itensMenu: n, aoNavegar:
 	});
 	let S = (e) => {
 		f(e), g(-1), m(!0), a?.(e);
-	}, C = (e, t) => {
-		r && (t?.preventDefault(), r(e)), f(""), m(!1), u.current?.blur();
+	}, C = (e, t, n) => {
+		r && !n && (t?.preventDefault(), r(e)), f(""), m(!1), u.current?.blur();
 	}, w = (e) => {
 		let t = x();
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
@@ -1531,7 +1531,7 @@ function ci({ placeholder: e = "Buscar…", ocupado: t, itensMenu: n, aoNavegar:
 						y.map((e) => /* @__PURE__ */ U("a", {
 							className: "lp-pb-item",
 							href: e.rota,
-							onClick: (t) => C(e.rota, t),
+							onClick: (t) => C(e.rota, t, e.recarregar),
 							children: [
 								/* @__PURE__ */ H(Z, { icone: e.icone ?? "chevron-right" }),
 								/* @__PURE__ */ H("span", { children: e.rotulo }),
@@ -1687,7 +1687,8 @@ function yi(e) {
 			rotulo: a.rotulo,
 			rota: a.rota,
 			icone: a.icone ?? i,
-			trilha: r.join(" › ") || void 0
+			trilha: r.join(" › ") || void 0,
+			recarregar: a.recarregar || void 0
 		}));
 	};
 	return e.forEach((e) => n(e.itens, e.rotulo ? [e.rotulo] : [])), t;
@@ -1732,7 +1733,18 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 			for (let n of t) n.rota && e(n.rota) && (!r || n.rota.length > r.length) && (r = n.rota), n.filhos && i(n.filhos);
 		};
 		return t.forEach((e) => i(e.itens)), r;
-	}, [t, n]), oe = W((e) => !!e && e === ae, [ae]), se = (e) => !!e.filhos?.some((e) => oe(e.rota) || se(e)), ce = _ === "abaixo" && D, le = (e) => P((t) => {
+	}, [t, n]), oe = W((e) => !!e && e === ae, [ae]), se = At(() => {
+		let n = /* @__PURE__ */ new Set();
+		e.recarregar && n.add(e.href ?? "/");
+		let r = (e) => {
+			for (let t of e) t.recarregar && t.rota && n.add(t.rota), t.filhos && r(t.filhos);
+		};
+		return t.forEach((e) => r(e.itens)), n;
+	}, [
+		t,
+		e.recarregar,
+		e.href
+	]), ce = (e) => !!e.filhos?.some((e) => oe(e.rota) || ce(e)), le = _ === "abaixo" && D, ue = (e) => P((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
 	});
@@ -1747,23 +1759,23 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 		};
 		t.forEach((e) => n(e.itens, "")), e.length && P((t) => /* @__PURE__ */ new Set([...t, ...e]));
 	}, [t, oe]), K(() => {
-		ce && A(null);
-	}, [ce]);
-	let ue = () => {
+		le && A(null);
+	}, [le]);
+	let de = () => {
 		A(null), T && O(!1);
-	}, de = (e, t, n) => {
-		let a = oe(e.rota), o = {
+	}, fe = (e, t, n) => {
+		let a = oe(e.rota), o = !!e.recarregar || !!e.rota && se.has(e.rota), s = {
 			href: e.rota ?? "#",
 			className: X(t, a && "lp-active", e.desabilitado && "lp-is-disabled"),
 			"aria-current": a ? "page" : void 0,
 			"aria-disabled": e.desabilitado || void 0,
 			children: n,
 			onClick: (t) => {
-				e.desabilitado ? t.preventDefault() : (r && e.rota && (t.preventDefault(), r(e.rota)), ue());
+				e.desabilitado ? t.preventDefault() : (r && e.rota && !o && (t.preventDefault(), r(e.rota)), de());
 			}
 		};
-		return i ? i(o, e) : /* @__PURE__ */ H("a", { ...o });
-	}, fe = At(() => {
+		return i && !o ? i(s, e) : /* @__PURE__ */ H("a", { ...s });
+	}, pe = At(() => {
 		let n = {
 			rotulo: "Início",
 			rota: e.href ?? "/",
@@ -1771,7 +1783,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 		}, r = fi(t, oe), i = r[r.length - 1];
 		return {
 			itens: !i || i.rota === n.rota ? [n] : [n, ...r],
-			link: (e, t, n) => de({
+			link: (e, t, n) => fe({
 				rotulo: "",
 				rota: e
 			}, n, t),
@@ -1783,9 +1795,10 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 		e.href,
 		r,
 		i,
-		g
-	]), pe = (e, t) => e.map((e) => {
-		if (!e.filhos?.length) return /* @__PURE__ */ H(Ct, { children: de(e, "lp-nav-sub", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
+		g,
+		se
+	]), me = (e, t) => e.map((e) => {
+		if (!e.filhos?.length) return /* @__PURE__ */ H(Ct, { children: fe(e, "lp-nav-sub", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
 			className: "lp-nav-sub-ic",
 			children: /* @__PURE__ */ H(Z, { icone: e.icone ?? "chevron-right" })
 		}), /* @__PURE__ */ H("span", {
@@ -1794,13 +1807,13 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 		})] })) }, e.rotulo);
 		let n = `${t}›${e.rotulo}`, r = N.has(n);
 		return /* @__PURE__ */ U("div", {
-			className: X("lp-nav-sub-grp", r && "lp-sub-open", se(e) && "lp-has-active"),
+			className: X("lp-nav-sub-grp", r && "lp-sub-open", ce(e) && "lp-has-active"),
 			children: [/* @__PURE__ */ U("button", {
 				type: "button",
 				className: X("lp-nav-sub lp-nav-sub-parent", e.desabilitado && "lp-is-disabled"),
 				disabled: e.desabilitado,
 				"aria-expanded": r,
-				onClick: () => le(n),
+				onClick: () => ue(n),
 				children: [
 					/* @__PURE__ */ H("span", {
 						className: "lp-nav-sub-ic",
@@ -1819,24 +1832,24 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 				className: "lp-nav-sub-netos",
 				role: "group",
 				"aria-label": e.rotulo,
-				children: pe(e.filhos, n)
+				children: me(e.filhos, n)
 			})]
 		}, e.rotulo);
-	}), me = At(() => yi(t), [t]), he = At(() => {
+	}), he = At(() => yi(t), [t]), ge = At(() => {
 		for (let e of t) for (let t of e.itens) if (t.rotulo === k && t.filhos) return t;
 		return null;
-	}, [t, k]), ge = c?.filter((e) => e.naoLida).length ?? 0, _e = u.length > 0, ve = hi.find((e) => e.valor === C?.densidade) ?? hi[1], ye = (e) => I((t) => t === e ? null : e), be = (e) => (t) => {
+	}, [t, k]), _e = c?.filter((e) => e.naoLida).length ?? 0, ve = u.length > 0, ye = hi.find((e) => e.valor === C?.densidade) ?? hi[1], be = (e) => I((t) => t === e ? null : e), xe = (e) => (t) => {
 		I(null), e?.(t);
-	}, xe = a && /* @__PURE__ */ H(oi, {
+	}, Se = a && /* @__PURE__ */ H(oi, {
 		className: "lp-avatar-topo",
 		tom: "escuro",
 		tamanho: "1.875rem",
 		nome: a.nome,
 		foto: a.foto,
 		iniciais: a.iniciais
-	}), Se = a && /* @__PURE__ */ U("div", {
+	}), Ce = a && /* @__PURE__ */ U("div", {
 		className: "lp-tb-menu-head",
-		children: [xe, /* @__PURE__ */ U("div", {
+		children: [Se, /* @__PURE__ */ U("div", {
 			className: "lp-tb-menu-head-tx",
 			children: [/* @__PURE__ */ H("div", {
 				className: "lp-profile-name",
@@ -1846,7 +1859,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 				children: a.cargo
 			})]
 		})]
-	}), Ce = C && /* @__PURE__ */ H(V, { children: hi.map((e) => /* @__PURE__ */ U("button", {
+	}), we = C && /* @__PURE__ */ H(V, { children: hi.map((e) => /* @__PURE__ */ U("button", {
 		type: "button",
 		className: X("lp-tb-menu-item", C.densidade === e.valor && "lp-active"),
 		"aria-pressed": C.densidade === e.valor,
@@ -1859,9 +1872,9 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 				className: "lp-tb-menu-check"
 			})
 		]
-	}, e.valor)) }), we = v === void 0 ? /* @__PURE__ */ H(ci, {
+	}, e.valor)) }), Te = v === void 0 ? /* @__PURE__ */ H(ci, {
 		placeholder: y,
-		itensMenu: me,
+		itensMenu: he,
 		aoNavegar: r,
 		aoBuscar: b
 	}) : v || null;
@@ -1915,7 +1928,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 									href: e.href ?? "/",
 									"aria-label": e.nome,
 									onClick: (t) => {
-										r && (t.preventDefault(), r(e.href ?? "/"));
+										r && !e.recarregar && (t.preventDefault(), r(e.href ?? "/"));
 									},
 									children: e.logo && L ? /* @__PURE__ */ H("img", {
 										className: "lp-brand-img",
@@ -1951,14 +1964,14 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 								children: [/* @__PURE__ */ H("span", { children: e.rotulo }), /* @__PURE__ */ H("span", { className: "lp-sidebar-grp-ln" })]
 							}), /* @__PURE__ */ H("div", {
 								className: "lp-sidebar-items",
-								children: e.itens.map((e) => e.filhos ? ce ? /* @__PURE__ */ U("div", {
-									className: X("lp-nav-group", N.has(e.rotulo) && "lp-grupo-aberto", se(e) && "lp-has-active"),
+								children: e.itens.map((e) => e.filhos ? le ? /* @__PURE__ */ U("div", {
+									className: X("lp-nav-group", N.has(e.rotulo) && "lp-grupo-aberto", ce(e) && "lp-has-active"),
 									children: [/* @__PURE__ */ U("button", {
 										type: "button",
 										className: X("lp-nav-it lp-nav-parent", e.desabilitado && "lp-is-disabled"),
 										disabled: e.desabilitado,
 										"aria-expanded": N.has(e.rotulo),
-										onClick: () => le(e.rotulo),
+										onClick: () => ue(e.rotulo),
 										children: [
 											/* @__PURE__ */ H("span", {
 												className: "lp-nav-tile",
@@ -1977,10 +1990,10 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 										className: "lp-nav-filhos",
 										role: "group",
 										"aria-label": e.rotulo,
-										children: pe(e.filhos, e.rotulo)
+										children: me(e.filhos, e.rotulo)
 									})]
 								}, e.rotulo) : /* @__PURE__ */ H("div", {
-									className: X("lp-nav-group", k === e.rotulo && "lp-aside-on", se(e) && "lp-has-active"),
+									className: X("lp-nav-group", k === e.rotulo && "lp-aside-on", ce(e) && "lp-has-active"),
 									children: /* @__PURE__ */ U("button", {
 										type: "button",
 										className: X("lp-nav-it lp-nav-parent", e.desabilitado && "lp-is-disabled"),
@@ -2008,7 +2021,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 									texto: D ? void 0 : e.rotulo,
 									posicao: "direita",
 									atraso: 150,
-									children: de(e, "lp-nav-it", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
+									children: fe(e, "lp-nav-it", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
 										className: "lp-nav-tile",
 										children: /* @__PURE__ */ H(Z, { icone: e.icone ?? "circle" })
 									}), /* @__PURE__ */ H("span", {
@@ -2037,22 +2050,22 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 						})
 					]
 				}),
-				he && /* @__PURE__ */ U("div", {
+				ge && /* @__PURE__ */ U("div", {
 					className: X("lp-sidebar-aside", !D && "lp-aside--flutuante"),
 					ref: B,
 					role: "region",
-					"aria-label": `Submenu ${he.rotulo}`,
+					"aria-label": `Submenu ${ge.rotulo}`,
 					style: D ? void 0 : { "--aside-topo": `${Math.max(8, Math.min(j, window.innerHeight - 320))}px` },
 					children: [/* @__PURE__ */ U("div", {
 						className: "lp-aside-head",
 						children: [
 							/* @__PURE__ */ H("span", {
 								className: "lp-aside-ic",
-								children: /* @__PURE__ */ H(Z, { icone: he.icone ?? "folder" })
+								children: /* @__PURE__ */ H(Z, { icone: ge.icone ?? "folder" })
 							}),
 							/* @__PURE__ */ H("span", {
 								className: "lp-aside-ttl",
-								children: he.rotulo
+								children: ge.rotulo
 							}),
 							/* @__PURE__ */ H("button", {
 								type: "button",
@@ -2065,17 +2078,17 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 						]
 					}), /* @__PURE__ */ H("div", {
 						className: "lp-aside-corpo",
-						children: he.filhos.map((e) => {
-							if (!e.filhos?.length) return /* @__PURE__ */ H(Ct, { children: de(e, "lp-nav-sub", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
+						children: ge.filhos.map((e) => {
+							if (!e.filhos?.length) return /* @__PURE__ */ H(Ct, { children: fe(e, "lp-nav-sub", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
 								className: "lp-nav-sub-ic",
 								children: /* @__PURE__ */ H(Z, { icone: e.icone ?? "chevron-right" })
 							}), /* @__PURE__ */ H("span", {
 								className: "lp-nav-sub-tx",
 								children: e.rotulo
 							})] })) }, e.rotulo);
-							let t = `${he.rotulo}›${e.rotulo}`, n = N.has(t) || se(e);
+							let t = `${ge.rotulo}›${e.rotulo}`, n = N.has(t) || ce(e);
 							return /* @__PURE__ */ U("div", {
-								className: X("lp-nav-sub-grp", n && "lp-sub-open", se(e) && "lp-has-active"),
+								className: X("lp-nav-sub-grp", n && "lp-sub-open", ce(e) && "lp-has-active"),
 								children: [/* @__PURE__ */ U("button", {
 									type: "button",
 									className: X("lp-nav-sub lp-nav-sub-parent", e.desabilitado && "lp-is-disabled"),
@@ -2103,7 +2116,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 									className: "lp-nav-sub-netos",
 									role: "group",
 									"aria-label": e.rotulo,
-									children: e.filhos.map((e) => /* @__PURE__ */ H(Ct, { children: de(e, "lp-nav-sub lp-nav-sub-neto", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
+									children: e.filhos.map((e) => /* @__PURE__ */ H(Ct, { children: fe(e, "lp-nav-sub lp-nav-sub-neto", /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
 										className: "lp-nav-sub-ic",
 										children: /* @__PURE__ */ H(Z, { icone: e.icone ?? "chevron-right" })
 									}), /* @__PURE__ */ H("span", {
@@ -2133,7 +2146,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 									className: "lp-tb-system",
 									children: [/* @__PURE__ */ H("b", { children: e.nome }), e.subtitulo && /* @__PURE__ */ H("span", { children: e.subtitulo })]
 								}),
-								!E && we,
+								!E && Te,
 								/* @__PURE__ */ U("div", {
 									className: "lp-tb-right",
 									ref: ee,
@@ -2143,14 +2156,14 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 											C && /* @__PURE__ */ U("div", {
 												className: "lp-tb-menu-wrap",
 												children: [/* @__PURE__ */ H(Dr, {
-													texto: `Densidade: ${ve.rotulo}`,
+													texto: `Densidade: ${ye.rotulo}`,
 													children: /* @__PURE__ */ H("button", {
 														type: "button",
 														className: X("lp-tb-icon", F === "densidade" && "lp-menu-open"),
 														"aria-expanded": F === "densidade",
-														"aria-label": `Densidade: ${ve.rotulo}`,
-														onClick: () => ye("densidade"),
-														children: /* @__PURE__ */ H(Z, { icone: ve.icone })
+														"aria-label": `Densidade: ${ye.rotulo}`,
+														onClick: () => be("densidade"),
+														children: /* @__PURE__ */ H(Z, { icone: ye.icone })
 													})
 												}), F === "densidade" && /* @__PURE__ */ U("div", {
 													className: "lp-tb-menu",
@@ -2159,10 +2172,10 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 													children: [/* @__PURE__ */ H("div", {
 														className: "lp-tb-menu-ttl",
 														children: "Densidade"
-													}), Ce]
+													}), we]
 												})]
 											}),
-											_e && /* @__PURE__ */ U("div", {
+											ve && /* @__PURE__ */ U("div", {
 												className: "lp-tb-menu-wrap",
 												children: [/* @__PURE__ */ H(Dr, {
 													texto: "Desenvolvimento",
@@ -2171,7 +2184,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 														className: X("lp-tb-icon", F === "dev" && "lp-menu-open"),
 														"aria-expanded": F === "dev",
 														"aria-label": "Desenvolvimento",
-														onClick: () => ye("dev"),
+														onClick: () => be("dev"),
 														children: /* @__PURE__ */ H(Z, { icone: "code" })
 													})
 												}), F === "dev" && /* @__PURE__ */ H("div", {
@@ -2180,7 +2193,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 													"aria-label": "Desenvolvimento",
 													children: /* @__PURE__ */ H(bi, {
 														itens: u,
-														aoEscolher: be(d)
+														aoEscolher: xe(d)
 													})
 												})]
 											}),
@@ -2203,9 +2216,9 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 													type: "button",
 													className: X("lp-tb-icon lp-tb-bell", F === "sino" && "lp-menu-open"),
 													"aria-expanded": F === "sino",
-													"aria-label": ge ? `Notificações: ${ge} não lida(s)` : "Notificações",
-													onClick: () => ye("sino"),
-													children: [/* @__PURE__ */ H(Z, { icone: "bell" }), ge > 0 && /* @__PURE__ */ H("span", {
+													"aria-label": _e ? `Notificações: ${_e} não lida(s)` : "Notificações",
+													onClick: () => be("sino"),
+													children: [/* @__PURE__ */ H(Z, { icone: "bell" }), _e > 0 && /* @__PURE__ */ H("span", {
 														className: "lp-bell-dot",
 														"aria-hidden": "true"
 													})]
@@ -2216,14 +2229,14 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 												"aria-label": "Notificações",
 												children: [/* @__PURE__ */ U("div", {
 													className: "lp-tb-menu-ttl",
-													children: [/* @__PURE__ */ H("span", { children: "Notificações" }), ge > 0 && /* @__PURE__ */ U("span", {
+													children: [/* @__PURE__ */ H("span", { children: "Notificações" }), _e > 0 && /* @__PURE__ */ U("span", {
 														className: "lp-notif-count",
-														children: [ge, " não lida(s)"]
+														children: [_e, " não lida(s)"]
 													})]
 												}), c.length ? c.map((e) => /* @__PURE__ */ U("button", {
 													type: "button",
 													className: X("lp-tb-menu-item lp-notif-item", e.naoLida && "lp-unread"),
-													onClick: () => be(l)(e.id),
+													onClick: () => xe(l)(e.id),
 													children: [
 														/* @__PURE__ */ H("span", {
 															className: "lp-notif-ic",
@@ -2264,14 +2277,14 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 												className: "lp-profile",
 												"aria-expanded": F === "compacto",
 												"aria-label": `Conta e preferências: ${a.nome}`,
-												onClick: () => ye("compacto"),
-												children: xe
+												onClick: () => be("compacto"),
+												children: Se
 											}), F === "compacto" && /* @__PURE__ */ U("div", {
 												className: "lp-tb-menu lp-tb-menu-compact",
 												role: "group",
 												"aria-label": "Conta e preferências",
 												children: [
-													Se,
+													Ce,
 													b && /* @__PURE__ */ U("div", {
 														className: "lp-cm-search",
 														role: "search",
@@ -2294,23 +2307,23 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 														onClick: C.alternarTema,
 														children: [/* @__PURE__ */ H(Z, { icone: C.escuro ? "sun" : "moon" }), /* @__PURE__ */ H("span", { children: C.escuro ? "Tema claro" : "Tema escuro" })]
 													})] }),
-													_e && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
+													ve && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
 														className: "lp-tb-menu-ttl",
 														children: "Desenvolvimento"
 													}), /* @__PURE__ */ H(bi, {
 														itens: u,
-														aoEscolher: be(d)
+														aoEscolher: xe(d)
 													})] }),
 													C && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
 														className: "lp-tb-menu-ttl",
 														children: "Densidade"
-													}), Ce] }),
+													}), we] }),
 													o.length > 0 && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("div", {
 														className: "lp-tb-menu-ln",
 														"aria-hidden": "true"
 													}), /* @__PURE__ */ H(bi, {
 														itens: o,
-														aoEscolher: be(s)
+														aoEscolher: xe(s)
 													})] })
 												]
 											})]
@@ -2321,9 +2334,9 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 												className: X("lp-profile", !o.length && "lp-no-menu"),
 												"aria-expanded": o.length ? F === "usuario" : void 0,
 												"aria-label": `Usuário: ${a.nome}`,
-												onClick: () => o.length && ye("usuario"),
+												onClick: () => o.length && be("usuario"),
 												children: [
-													xe,
+													Se,
 													/* @__PURE__ */ U("div", {
 														className: "lp-profile-info",
 														children: [/* @__PURE__ */ H("div", {
@@ -2343,9 +2356,9 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 												className: "lp-tb-menu lp-tb-menu-user",
 												role: "group",
 												"aria-label": "Menu do usuário",
-												children: [Se, /* @__PURE__ */ H(bi, {
+												children: [Ce, /* @__PURE__ */ H(bi, {
 													itens: o,
-													aoEscolher: be(s)
+													aoEscolher: xe(s)
 												})]
 											})]
 										})] }))
@@ -2361,7 +2374,7 @@ function xi({ marca: e, nav: t, rotaAtual: n, aoNavegar: r, renderLink: i, usuar
 							children: /* @__PURE__ */ H("div", {
 								className: "lp-content-inner",
 								children: /* @__PURE__ */ H(ui, {
-									value: fe,
+									value: pe,
 									children: S
 								})
 							})