xertica-ui 1.9.1 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xertica-ui",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "Xertica UI — Enterprise-grade React design system with Tailwind CSS v4, Radix UI, and AI-first documentation.",
   "type": "module",
   "main": "./dist/index.umd.js",

package/templates/package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-xertica-app",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "private": true,
   "type": "module",
   "scripts": {
@@ -11,7 +11,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "xertica-ui": "^1.9.1",
+    "xertica-ui": "^1.9.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^7.1.3",

package/templates/src/app/pages/Home/HomeContent.tsx

@@ -12,10 +12,14 @@ import {
   useLayout,
 } from 'xertica-ui';
 import { ChevronRight, FileText } from 'lucide-react';
-import { useLocation, useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate, Link } from 'react-router-dom';
 import { getRouteByPath } from '../../routes';
 
-export function HomeContent() {
+interface HomeContentProps {
+  user?: { name?: string; email?: string; avatar?: string } | null;
+}
+
+export function HomeContent({ user }: HomeContentProps) {
   const { sidebarExpanded, sidebarWidth } = useLayout();
   const location = useLocation();
   const navigate = useNavigate();
@@ -38,10 +42,13 @@ export function HomeContent() {
       className="flex-1 flex flex-col overflow-hidden transition-all duration-300"
     >
       <Header
+        showThemeToggle={true}
+        showLanguageSelector={true}
         breadcrumbs={[
-          { label: 'Xertica UI', },
+          { label: 'Design System', href: '/home' },
           { label: 'Início' },
         ]}
+        renderLink={(href: string, props: any) => <Link to={href} {...props} />}
       />
 
       <main className="flex-1 overflow-hidden bg-muted">
@@ -49,7 +56,7 @@ export function HomeContent() {
           <div className="p-2 sm:p-4 md:p-6">
             <div className="max-w-6xl mx-auto space-y-8">
               <div className="space-y-2">
-                <h2>Bem-vindo!</h2>
+                <h2>{`Bem-vindo, ${user?.name || 'usuário'}!`}</h2>
                 <p className="text-muted-foreground">
                   Sua plataforma construída com Xertica UI Design System
                 </p>

package/templates/src/app/pages/HomePage.tsx

@@ -38,13 +38,18 @@ export function HomePage({ user, onLogout }: HomePageProps) {
         expanded={sidebarExpanded}
         width={sidebarWidth}
         onToggle={toggleSidebar}
-        user={user}
+        user={{
+          ...user,
+          name: 'Ariel Santos',
+          avatar: 'https://github.com/shadcn.png'
+        }}
         onLogout={onLogout}
+        onSettingsClick={() => navigate('/settings')}
         location={location}
         navigate={navigate}
         routes={routes}
       />
-      <HomeContent />
+      <HomeContent user={user} />
       <XerticaAssistant
         isExpanded={assistenteExpanded}
         onToggle={toggleAssistente}

package/templates/src/app/pages/Template/TemplateContent.tsx

@@ -56,8 +56,10 @@ import {
   AlertDialogCancel,
   useLayout,
   Sidebar,
+  PageHeader,
 } from 'xertica-ui';
 import { toast } from 'sonner';
+import { Link } from 'react-router-dom';
 import {
   Settings,
   User,
@@ -100,10 +102,13 @@ export function TemplateContent() {
       className="flex-1 flex flex-col overflow-hidden transition-all duration-300"
     >
       <Header
+        showThemeToggle={true}
+        showLanguageSelector={true}
         breadcrumbs={[
-          { label: 'Início', href: '/home', icon: <Home className="w-4 h-4" /> },
-          { label: 'Template Page' },
+          { label: 'Design System', href: '/home' },
+          { label: 'Página de Template' },
         ]}
+        renderLink={(href: string, props: any) => <Link to={href} {...props} />}
       />
 
       <main className="flex-1 overflow-hidden bg-muted">

package/templates/src/app/pages/TemplatePage.tsx

@@ -24,8 +24,13 @@ export function TemplatePage({ user, onLogout }: TemplatePageProps) {
         expanded={sidebarExpanded}
         width={sidebarWidth}
         onToggle={toggleSidebar}
-        user={user}
+        user={{
+          ...user,
+          name: 'Ariel Santos',
+          avatar: 'https://github.com/shadcn.png'
+        }}
         onLogout={onLogout}
+        onSettingsClick={() => navigate('/settings')}
         location={location}
         navigate={navigate}
         routes={routes}