xertica-ui 2.2.1 → 2.3.0

package/dist/{VerifyEmailPage-EhudUdqF.js → VerifyEmailPage-C5TNQTBa.js}

@@ -1,26 +1,27 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { useState, createContext, useContext, useMemo, useRef, useCallback, useEffect } from "react";
-import { B as Button, c as cn } from "./button-C6uvh0rV.js";
-import { I as Input, S as ScrollArea } from "./input-wPYg0d0P.js";
-import { I as ImageWithFallback, L as Label, P as PageHeader, M as Map, C as Checkbox, S as Separator, T as Tabs, p as TabsList, q as TabsTrigger, o as TabsContent, n as Switch, R as RadioGroup, m as RadioGroupItem, A as AlertDialog, j as AlertDialogTrigger, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction } from "./alert-dialog-KpoabzJb.js";
-import { L as LanguageSelector, X as XerticaLogo } from "./XerticaXLogo-DHz5SugF.js";
-import { ArrowLeft, Lock, FileText, Home, CheckCircle2, AlertCircle, Coffee, ShoppingBag, Landmark, Hotel, Utensils, MapPin, Filter, X, MousePointer2, Circle, Square, Hexagon, Undo, Trash2, Save, Check, Pencil, Layers, Settings, Users, Mail, Phone, Search, User, Calendar, Bell, FileEdit, ArrowRightLeft, Clock, Plus, Archive, Map as Map$1 } from "lucide-react";
-import { useNavigate, Link, useLocation } from "react-router-dom";
-import { H as Header, S as Sidebar } from "./sidebar-CA6_ek3f.js";
-import { C as Card, e as CardHeader, f as CardTitle, b as CardContent, d as CardFooter, c as CardDescription, S as Skeleton } from "./skeleton-C4bHqUBf.js";
-import { B as Badge, P as Progress } from "./progress-Cs9i4DPx.js";
-import { a as useOptionalLayout } from "./LayoutContext-CGEe1oPq.js";
-import { u as useLanguage } from "./ThemeContext-Du2nE1PL.js";
-import { useQuery } from "@tanstack/react-query";
-import { useTranslation } from "react-i18next";
-import { F as FeatureCardSkeleton } from "./FeatureCardSkeleton-CAgu8stE.js";
-import { X as XerticaAssistant, g as gerarResposta } from "./xertica-assistant-BbgzsgsG.js";
-import i18n from "i18next";
-import { k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, A as Alert, b as AlertTitle, a as AlertDescription, V as Textarea, T as Table, Q as TableHeader, U as TableRow, O as TableHead, K as TableBody, M as TableCell, u as DialogTrigger, p as DialogFooter } from "./rich-text-editor-1UW3Y2JK.js";
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from "./select-CprSNX0z.js";
-import { S as Slider } from "./slider-Pay3fka2.js";
-import { toast } from "sonner";
-import { create } from "zustand";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React__default, { useState, createContext, useContext, useMemo, useRef, useCallback, useEffect } from 'react';
+import { B as Button, c as cn } from './button-DZHzN1Gd.js';
+import { I as Input, S as ScrollArea } from './input-cc-PTD4R.js';
+import { I as ImageWithFallback, L as Label, P as PageHeader, M as Map, C as Checkbox, S as Separator, T as Tabs, p as TabsList, q as TabsTrigger, o as TabsContent, n as Switch, R as RadioGroup, m as RadioGroupItem, A as AlertDialog, j as AlertDialogTrigger, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction } from './alert-dialog-DqlRW_An.js';
+import { L as LanguageSelector, X as XerticaLogo } from './XerticaXLogo-DZbo4vOE.js';
+import { ArrowLeft, Lock, FileText, Home, CheckCircle2, AlertCircle, Coffee, ShoppingBag, Landmark, Hotel, Utensils, MapPin, Filter, X, MousePointer2, Circle, Square, Hexagon, Undo, Trash2, Save, Check, Pencil, Layers, Settings, Users, Mail, Phone, Search, User, Calendar, Bell, FileEdit, ArrowRightLeft, Clock, Plus, Archive, Map as Map$1 } from 'lucide-react';
+import { useNavigate, Link, useLocation } from 'react-router-dom';
+import { H as Header, S as Sidebar } from './sidebar-B6SlKZYN.js';
+import { C as Card, e as CardHeader, f as CardTitle, b as CardContent, d as CardFooter, c as CardDescription, S as Skeleton } from './skeleton-DtR5tkYe.js';
+import { B as Badge, P as Progress } from './progress-C7Lti5wo.js';
+import { a as useOptionalLayout } from './LayoutContext-DNl1xSoX.js';
+import { u as useLanguage } from './ThemeContext-BXjrgUjW.js';
+import { useQuery } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import { F as FeatureCardSkeleton } from './FeatureCardSkeleton-DZqc96mt.js';
+import { X as XerticaAssistant, g as gerarResposta } from './xertica-assistant-B687qEPU.js';
+import i18n from 'i18next';
+import { k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, A as Alert, b as AlertTitle, a as AlertDescription, V as Textarea, T as Table, Q as TableHeader, U as TableRow, O as TableHead, K as TableBody, M as TableCell, u as DialogTrigger, p as DialogFooter } from './rich-text-editor-DqLICivI.js';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from './select-D-xvCZK2.js';
+import { S as Slider } from './slider-DQCNUUMj.js';
+import { toast } from 'sonner';
+import { create } from 'zustand';
+
 function ForgotPasswordPage() {
   const navigate = useNavigate();
   const [email, setEmail] = useState("");
@@ -174,7 +175,9 @@ function ForgotPasswordPage() {
     ] })
   ] });
 }
+
 const SIDEBAR_COLLAPSED_WIDTH = 80;
+
 const t = (key, options) => i18n.t(key, options);
 const MOCK_TEAM_MEMBERS = [
   { id: "1", name: "Ana Silva", email: "ana.silva@example.com", role: "Developer", status: "active" },
@@ -198,6 +201,7 @@ async function fetchFeatureCards() {
     }
   ];
 }
+
 function useTeamMembers() {
   const { language } = useLanguage();
   return useQuery({
@@ -208,6 +212,7 @@ function useTeamMembers() {
     // 2 min
   });
 }
+
 function useFeatureCards() {
   const { language } = useLanguage();
   return useQuery({
@@ -218,6 +223,7 @@ function useFeatureCards() {
     // 10 min — feature list is fairly static
   });
 }
+
 const useDashboardStore = create((set) => ({
   // Filters
   activeTab: "overview",
@@ -233,6 +239,7 @@ const useDashboardStore = create((set) => ({
   switchEnabled: false,
   toggleSwitch: () => set((state) => ({ switchEnabled: !state.switchEnabled }))
 }));
+
 function isDev() {
   return false;
 }
@@ -279,6 +286,7 @@ function SectionErrorFallback({ error, reset }) {
     }
   );
 }
+
 class ErrorBoundary extends React__default.Component {
   constructor(props) {
     super(props);
@@ -289,13 +297,12 @@ class ErrorBoundary extends React__default.Component {
     return { hasError: true, error };
   }
   componentDidCatch(error, info) {
-    var _a, _b;
-    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, info);
+    this.props.onError?.(error, info);
   }
   componentDidUpdate(prevProps) {
     if (!this.state.hasError) return;
     const { resetKeys } = this.props;
-    if (!(resetKeys == null ? void 0 : resetKeys.length)) return;
+    if (!resetKeys?.length) return;
     const prevKeys = prevProps.resetKeys ?? [];
     const changed = resetKeys.some((key, i) => key !== prevKeys[i]);
     if (changed) this.reset();
@@ -315,11 +322,12 @@ class ErrorBoundary extends React__default.Component {
 function SectionErrorBoundary({ children, onError, resetKeys }) {
   return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: SectionErrorFallback, onError, resetKeys, children });
 }
+
 function HomeContent() {
-  const { t: t2 } = useTranslation();
+  const { t } = useTranslation();
   const layout = useOptionalLayout();
-  const sidebarExpanded = (layout == null ? void 0 : layout.sidebarExpanded) ?? false;
-  const sidebarWidth = (layout == null ? void 0 : layout.sidebarWidth) ?? 256;
+  const sidebarExpanded = layout?.sidebarExpanded ?? false;
+  const sidebarWidth = layout?.sidebarWidth ?? 256;
   const navigate = useNavigate();
   const { data: featureCards = [], isLoading } = useFeatureCards();
   return /* @__PURE__ */ jsxs(
@@ -336,8 +344,8 @@ function HomeContent() {
             showThemeToggle: true,
             showLanguageSelector: true,
             breadcrumbs: [
-              { label: t2("nav.designSystem"), href: "/home" },
-              { label: t2("nav.home") }
+              { label: t("nav.designSystem"), href: "/home" },
+              { label: t("nav.home") }
             ],
             renderLink: (href, props) => /* @__PURE__ */ jsx(Link, { to: href, ...props })
           }
@@ -346,8 +354,8 @@ function HomeContent() {
           /* @__PURE__ */ jsx(
             PageHeader,
             {
-              title: t2("home.welcome"),
-              subtitle: t2("home.subtitle")
+              title: t("home.welcome"),
+              subtitle: t("home.subtitle")
             }
           ),
           /* @__PURE__ */ jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -362,18 +370,18 @@ function HomeContent() {
                 /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
                   /* @__PURE__ */ jsx("div", { className: "p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]", children: /* @__PURE__ */ jsx(FileText, { className: "w-6 h-6 text-[var(--chart-2)]" }) }),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: t2(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
-                    card.badge && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-xs", children: t2(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
+                    /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: t(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
+                    card.badge && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-xs", children: t(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ jsx(CardContent, { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t2(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
+                /* @__PURE__ */ jsx(CardContent, { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
                 /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "outline",
                     className: "w-full",
                     onClick: () => navigate(card.href),
-                    children: t2("common.view")
+                    children: t("common.view")
                   }
                 ) })
               ]
@@ -385,36 +393,39 @@ function HomeContent() {
     }
   );
 }
+
 const routes = [
   { path: "/home", label: "Home", icon: Home },
   { path: "/template", label: "Template", icon: FileText }
 ];
+
 const AuthContext = createContext(null);
 function useAuth() {
   const ctx = useContext(AuthContext);
   if (!ctx) throw new Error("useAuth must be used within <AuthProvider>");
   return ctx;
 }
+
 async function fetchAssistantConfig() {
   await new Promise((resolve) => setTimeout(resolve, 150));
-  const t2 = (key) => i18n.t(key);
+  const t = (key) => i18n.t(key);
   return {
     suggestions: [
-      { id: "1", text: t2("assistant.suggestions.whatCanIAsk") },
-      { id: "2", text: t2("assistant.suggestions.whatDoYouDo") },
-      { id: "3", text: t2("assistant.suggestions.whichProjects") },
-      { id: "4", text: t2("assistant.suggestions.nextProject") }
+      { id: "1", text: t("assistant.suggestions.whatCanIAsk") },
+      { id: "2", text: t("assistant.suggestions.whatDoYouDo") },
+      { id: "3", text: t("assistant.suggestions.whichProjects") },
+      { id: "4", text: t("assistant.suggestions.nextProject") }
     ],
     richSuggestions: [
-      { id: "rich-1", text: t2("assistant.richSuggestions.viewPerformance") },
-      { id: "rich-2", text: t2("assistant.richSuggestions.generateReport") },
-      { id: "rich-3", text: t2("assistant.richSuggestions.createDocument") },
-      { id: "rich-4", text: t2("assistant.richSuggestions.generatePodcast") }
+      { id: "rich-1", text: t("assistant.richSuggestions.viewPerformance") },
+      { id: "rich-2", text: t("assistant.richSuggestions.generateReport") },
+      { id: "rich-3", text: t("assistant.richSuggestions.createDocument") },
+      { id: "rich-4", text: t("assistant.richSuggestions.generatePodcast") }
     ],
     feedbackOptions: [
-      t2("assistant.feedback.notWhatIWanted"),
-      t2("assistant.feedback.incorrectInfo"),
-      t2("assistant.feedback.incompleteAnswer")
+      t("assistant.feedback.notWhatIWanted"),
+      t("assistant.feedback.incorrectInfo"),
+      t("assistant.feedback.incompleteAnswer")
     ]
   };
 }
@@ -433,6 +444,7 @@ function getMockFeedbackOptions() {
     i18n.t("assistant.feedback.incompleteAnswer")
   ];
 }
+
 function useAssistantConfig() {
   const { language } = useLanguage();
   return useQuery({
@@ -443,16 +455,17 @@ function useAssistantConfig() {
     // 30 min — config rarely changes
   });
 }
+
 function HomePage() {
   const { user, logout } = useAuth();
   const layout = useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React__default.useState(false);
   const [localAssistantExpanded, setLocalAssistantExpanded] = React__default.useState(false);
-  const sidebarExpanded = (layout == null ? void 0 : layout.sidebarExpanded) ?? localSidebarExpanded;
-  const sidebarWidth = (layout == null ? void 0 : layout.sidebarWidth) ?? 280;
-  const assistenteExpanded = (layout == null ? void 0 : layout.assistenteExpanded) ?? localAssistantExpanded;
-  const toggleSidebar = (layout == null ? void 0 : layout.toggleSidebar) ?? (() => setLocalSidebarExpanded((value) => !value));
-  const toggleAssistente = (layout == null ? void 0 : layout.toggleAssistente) ?? (() => setLocalAssistantExpanded((value) => !value));
+  const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
+  const sidebarWidth = layout?.sidebarWidth ?? 280;
+  const assistenteExpanded = layout?.assistenteExpanded ?? localAssistantExpanded;
+  const toggleSidebar = layout?.toggleSidebar ?? (() => setLocalSidebarExpanded((value) => !value));
+  const toggleAssistente = layout?.toggleAssistente ?? (() => setLocalAssistantExpanded((value) => !value));
   const location = useLocation();
   const navigate = useNavigate();
   const { data: assistantConfig } = useAssistantConfig();
@@ -484,18 +497,19 @@ function HomePage() {
         defaultTab: "chat",
         demoMode: true,
         responseGenerator: gerarResposta,
-        suggestions: assistantConfig == null ? void 0 : assistantConfig.suggestions,
-        richSuggestions: (assistantConfig == null ? void 0 : assistantConfig.richSuggestions) ?? getMockRichSuggestions(),
-        feedbackOptions: (assistantConfig == null ? void 0 : assistantConfig.feedbackOptions) ?? getMockFeedbackOptions(),
+        suggestions: assistantConfig?.suggestions,
+        richSuggestions: assistantConfig?.richSuggestions ?? getMockRichSuggestions(),
+        feedbackOptions: assistantConfig?.feedbackOptions ?? getMockFeedbackOptions(),
         onEvaluation: () => {
         }
       }
     )
   ] });
 }
+
 function LoginPage({ onLogin }) {
   const navigate = useNavigate();
-  const { t: t2 } = useTranslation();
+  const { t } = useTranslation();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [isLoading, setIsLoading] = useState(false);
@@ -507,7 +521,7 @@ function LoginPage({ onLogin }) {
     await new Promise((resolve) => setTimeout(resolve, 1e3));
     const success = onLogin(email, password);
     if (!success) {
-      setError(t2("login.errorFillFields"));
+      setError(t("login.errorFillFields"));
     }
     setIsLoading(false);
   };
@@ -520,7 +534,7 @@ function LoginPage({ onLogin }) {
         ImageWithFallback,
         {
           src: "https://images.unsplash.com/photo-1551434678-e076c223a692?w=1200&h=800&fit=crop&auto=format",
-          alt: t2("login.heroImageAlt"),
+          alt: t("login.heroImageAlt"),
           className: "absolute inset-0 w-full h-full object-cover"
         }
       ),
@@ -538,11 +552,11 @@ function LoginPage({ onLogin }) {
               variant: "theme"
             }
           ) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t2("login.heading") })
+          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t("login.heading") })
         ] }),
         /* @__PURE__ */ jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t2("login.emailLabel") }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("login.emailLabel") }),
             /* @__PURE__ */ jsx(
               Input,
               {
@@ -551,14 +565,14 @@ function LoginPage({ onLogin }) {
                 type: "email",
                 required: true,
                 className: "w-full",
-                placeholder: t2("login.emailPlaceholder"),
+                placeholder: t("login.emailPlaceholder"),
                 value: email,
                 onChange: (e) => setEmail(e.target.value)
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t2("login.passwordLabel") }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t("login.passwordLabel") }),
             /* @__PURE__ */ jsx(
               Input,
               {
@@ -574,20 +588,20 @@ function LoginPage({ onLogin }) {
             )
           ] }),
           error && /* @__PURE__ */ jsx("div", { className: "text-destructive text-sm text-center", children: error }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t2("login.submitting") : t2("login.submit") }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("login.submitting") : t("login.submit") }),
           /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               onClick: () => navigate("/forgot-password"),
               className: "text-sm text-primary hover:opacity-80 transition-colors",
-              children: t2("login.forgotPassword")
+              children: t("login.forgotPassword")
             }
           ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t2("login.orContinueWith") }) })
+          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs(
@@ -629,7 +643,7 @@ function LoginPage({ onLogin }) {
                   ),
                   /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
-                /* @__PURE__ */ jsx("span", { children: t2("login.signInWithGoogle") })
+                /* @__PURE__ */ jsx("span", { children: t("login.signInWithGoogle") })
               ]
             }
           ),
@@ -642,7 +656,7 @@ function LoginPage({ onLogin }) {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsx(Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsx("span", { children: t2("login.signInWithMTLogin") })
+                /* @__PURE__ */ jsx("span", { children: t("login.signInWithMTLogin") })
               ]
             }
           ),
@@ -653,7 +667,7 @@ function LoginPage({ onLogin }) {
               variant: "outline",
               className: "w-full justify-center font-normal",
               onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsx("span", { children: t2("login.signInWithGovBr") })
+              children: /* @__PURE__ */ jsx("span", { children: t("login.signInWithGovBr") })
             }
           )
         ] })
@@ -661,9 +675,10 @@ function LoginPage({ onLogin }) {
     ] })
   ] });
 }
+
 function ResetPasswordPage() {
   const navigate = useNavigate();
-  const { t: t2 } = useTranslation();
+  const { t } = useTranslation();
   const [password, setPassword] = useState("");
   const [confirmPassword, setConfirmPassword] = useState("");
   const [isLoading, setIsLoading] = useState(false);
@@ -693,11 +708,11 @@ function ResetPasswordPage() {
     e.preventDefault();
     setError("");
     if (password.length < 6) {
-      setError(t2("resetPassword.errorMinLength"));
+      setError(t("resetPassword.errorMinLength"));
       return;
     }
     if (password !== confirmPassword) {
-      setError(t2("resetPassword.errorMismatch"));
+      setError(t("resetPassword.errorMismatch"));
       return;
     }
     setIsLoading(true);
@@ -720,11 +735,11 @@ function ResetPasswordPage() {
   const getStrengthText = () => {
     switch (passwordStrength) {
       case "weak":
-        return t2("resetPassword.strengthWeak");
+        return t("resetPassword.strengthWeak");
       case "medium":
-        return t2("resetPassword.strengthMedium");
+        return t("resetPassword.strengthMedium");
       case "strong":
-        return t2("resetPassword.strengthStrong");
+        return t("resetPassword.strengthStrong");
       default:
         return "";
     }
@@ -735,7 +750,7 @@ function ResetPasswordPage() {
         ImageWithFallback,
         {
           src: "https://images.unsplash.com/photo-1555949963-aa79dcee981c?w=1200&h=800&fit=crop&auto=format",
-          alt: t2("resetPassword.heroImageAlt"),
+          alt: t("resetPassword.heroImageAlt"),
           className: "absolute inset-0 w-full h-full object-cover"
         }
       ),
@@ -752,7 +767,7 @@ function ResetPasswordPage() {
             className: "flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
             children: [
               /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsx("span", { className: "text-small", children: t2("resetPassword.backToLogin") })
+              /* @__PURE__ */ jsx("span", { className: "text-small", children: t("resetPassword.backToLogin") })
             ]
           }
         ),
@@ -764,12 +779,12 @@ function ResetPasswordPage() {
               variant: "theme"
             }
           ) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t2("resetPassword.heading") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t2("resetPassword.subheading") })
+          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t("resetPassword.heading") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t("resetPassword.subheading") })
         ] }),
         /* @__PURE__ */ jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t2("resetPassword.newPasswordLabel") }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t("resetPassword.newPasswordLabel") }),
             /* @__PURE__ */ jsx(
               Input,
               {
@@ -794,7 +809,7 @@ function ResetPasswordPage() {
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: t2("resetPassword.confirmPasswordLabel") }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: t("resetPassword.confirmPasswordLabel") }),
             /* @__PURE__ */ jsx(
               Input,
               {
@@ -813,7 +828,7 @@ function ResetPasswordPage() {
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm", children: t2("resetPassword.requirements") }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("resetPassword.requirements") }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -822,7 +837,7 @@ function ResetPasswordPage() {
                     className: `w-4 h-4 ${password.length >= 6 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t2("resetPassword.requirementMinChars") })
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("resetPassword.requirementMinChars") })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -831,7 +846,7 @@ function ResetPasswordPage() {
                     className: `w-4 h-4 ${password === confirmPassword && password.length > 0 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t2("resetPassword.requirementMatch") })
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("resetPassword.requirementMatch") })
               ] })
             ] })
           ] }),
@@ -839,12 +854,13 @@ function ResetPasswordPage() {
             /* @__PURE__ */ jsx(AlertCircle, { className: "w-4 h-4 flex-shrink-0" }),
             /* @__PURE__ */ jsx("span", { className: "text-sm", children: error })
           ] }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t2("resetPassword.submitting") : t2("resetPassword.submit") })
+          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("resetPassword.submitting") : t("resetPassword.submit") })
         ] })
       ] })
     ] })
   ] });
 }
+
 function createLucideIconSvg(iconName) {
   const iconPaths = {
     utensils: '<path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"></path><path d="M7 2v20"></path><path d="M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"></path>',
@@ -1173,6 +1189,7 @@ function FilterableMapExample({ apiKey }) {
     ] })
   ] });
 }
+
 function DrawingMapExample({ apiKey }) {
   const [mapInstance, setMapInstance] = useState(null);
   const [selectedMode, setSelectedMode] = useState(null);
@@ -1289,7 +1306,6 @@ function DrawingMapExample({ apiKey }) {
   }, [mapInstance, colors, cancelPolygonDrawing]);
   const addPolygonPoint = useCallback(
     (point) => {
-      var _a;
       if (!mapInstance) return;
       if (!isDrawingPolygon) {
         setIsDrawingPolygon(true);
@@ -1309,7 +1325,7 @@ function DrawingMapExample({ apiKey }) {
         });
       } else {
         polygonPathRef.current.push(point);
-        (_a = tempPolylineRef.current) == null ? void 0 : _a.setPath(polygonPathRef.current);
+        tempPolylineRef.current?.setPath(polygonPathRef.current);
       }
     },
     [mapInstance, isDrawingPolygon, colors]
@@ -1382,11 +1398,10 @@ function DrawingMapExample({ apiKey }) {
     toast.info("Mapa limpo");
   };
   const undoLast = () => {
-    var _a;
     if (isDrawingPolygon) {
       if (polygonPathRef.current.length > 0) {
         polygonPathRef.current.pop();
-        (_a = tempPolylineRef.current) == null ? void 0 : _a.setPath(polygonPathRef.current);
+        tempPolylineRef.current?.setPath(polygonPathRef.current);
         if (polygonPathRef.current.length === 0) {
           cancelPolygonDrawing();
         }
@@ -1405,7 +1420,6 @@ function DrawingMapExample({ apiKey }) {
       return;
     }
     const exportData = shapes.map((s) => {
-      var _a, _b;
       let data = {};
       if (s.type === "marker") {
         const marker = s.overlay;
@@ -1418,17 +1432,17 @@ function DrawingMapExample({ apiKey }) {
       } else if (s.type === "circle") {
         const circle = s.overlay;
         data = {
-          center: { lat: (_a = circle.getCenter()) == null ? void 0 : _a.lat(), lng: (_b = circle.getCenter()) == null ? void 0 : _b.lng() },
+          center: { lat: circle.getCenter()?.lat(), lng: circle.getCenter()?.lng() },
           radius: circle.getRadius()
         };
       } else if (s.type === "rectangle") {
         const rect = s.overlay;
         const bounds = rect.getBounds();
         data = {
-          north: bounds == null ? void 0 : bounds.getNorthEast().lat(),
-          south: bounds == null ? void 0 : bounds.getSouthWest().lat(),
-          east: bounds == null ? void 0 : bounds.getNorthEast().lng(),
-          west: bounds == null ? void 0 : bounds.getSouthWest().lng()
+          north: bounds?.getNorthEast().lat(),
+          south: bounds?.getSouthWest().lat(),
+          east: bounds?.getNorthEast().lng(),
+          west: bounds?.getSouthWest().lng()
         };
       } else if (s.type === "polygon") {
         const poly = s.overlay;
@@ -1647,6 +1661,7 @@ function DrawingMapExample({ apiKey }) {
     ] })
   ] });
 }
+
 function MapShowcase() {
   const [activeTab, setActiveTab] = useState("simple");
   const [isTransitioning, setIsTransitioning] = useState(false);
@@ -2042,15 +2057,16 @@ function MapShowcase() {
     ] })
   ] });
 }
+
 function TemplateContent() {
-  const { t: t2 } = useTranslation();
+  const { t } = useTranslation();
   const layout = useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = useState(false);
   const [localSidebarWidth, setLocalSidebarWidth] = useState(280);
-  const sidebarExpanded = (layout == null ? void 0 : layout.sidebarExpanded) ?? localSidebarExpanded;
-  const sidebarWidth = (layout == null ? void 0 : layout.sidebarWidth) ?? localSidebarWidth;
-  const setSidebarWidth = (layout == null ? void 0 : layout.setSidebarWidth) ?? setLocalSidebarWidth;
-  (layout == null ? void 0 : layout.toggleSidebar) ?? (() => setLocalSidebarExpanded((value) => !value));
+  const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
+  const sidebarWidth = layout?.sidebarWidth ?? localSidebarWidth;
+  const setSidebarWidth = layout?.setSidebarWidth ?? setLocalSidebarWidth;
+  layout?.toggleSidebar ?? (() => setLocalSidebarExpanded((value) => !value));
   useNavigate();
   const { data: teamMembers = [], isLoading: teamLoading } = useTeamMembers();
   const progress = useDashboardStore((s) => s.progress);
@@ -2066,7 +2082,7 @@ function TemplateContent() {
   const [showHeaderBreadcrumbs, setShowHeaderBreadcrumbs] = useState(true);
   const handleFormSubmit = (e) => {
     e.preventDefault();
-    toast.success("Form submitted successfully!");
+    toast.success(t("templates.formSubmitSuccess"));
   };
   return /* @__PURE__ */ jsxs(
     "div",
@@ -2082,8 +2098,8 @@ function TemplateContent() {
             showThemeToggle: true,
             showLanguageSelector: true,
             breadcrumbs: [
-              { label: "Design System", href: "/home", icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" }) },
-              { label: "Página de Template" }
+              { label: t("nav.designSystem"), href: "/home", icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" }) },
+              { label: t("templates.breadcrumb") }
             ],
             renderLink: (href, props) => /* @__PURE__ */ jsx(Link, { to: href, ...props })
           }
@@ -2092,16 +2108,16 @@ function TemplateContent() {
           /* @__PURE__ */ jsx(
             PageHeader,
             {
-              title: "Página de Template",
-              subtitle: "Template completo com componentes do Design System"
+              title: t("templates.title"),
+              subtitle: t("templates.subtitle")
             }
           ),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Header with Breadcrumbs" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.headerWithBreadcrumbs.sectionTitle") }),
             /* @__PURE__ */ jsxs(Card, { children: [
               /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: "Main Header" }),
-                /* @__PURE__ */ jsx(CardDescription, { children: "Example of Header with 4-level breadcrumbs" })
+                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.headerWithBreadcrumbs.cardTitle") }),
+                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.headerWithBreadcrumbs.cardDescription") })
               ] }),
               /* @__PURE__ */ jsxs(CardContent, { className: "p-0 border-t bg-background overflow-hidden rounded-b-[var(--radius-lg)]", children: [
                 /* @__PURE__ */ jsx(
@@ -2109,21 +2125,21 @@ function TemplateContent() {
                   {
                     className: "border-b",
                     breadcrumbs: [
-                      { label: "Dashboard", href: "#", icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" }) },
-                      { label: "Settings", href: "#", icon: /* @__PURE__ */ jsx(Settings, { className: "w-4 h-4" }) },
-                      { label: "Users", href: "#", icon: /* @__PURE__ */ jsx(Users, { className: "w-4 h-4" }) },
-                      { label: "Access Profile" }
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.dashboard"), href: "#", icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" }) },
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.settings"), href: "#", icon: /* @__PURE__ */ jsx(Settings, { className: "w-4 h-4" }) },
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.users"), href: "#", icon: /* @__PURE__ */ jsx(Users, { className: "w-4 h-4" }) },
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.accessProfile") }
                     ],
                     showLanguageSelector: true,
                     showThemeToggle: true
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { className: "p-6 min-h-[200px]", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold mb-2", children: "Example Content" }),
+                  /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold mb-2", children: t("templates.headerWithBreadcrumbs.exampleContentTitle") }),
                   /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
-                    "Neste exemplo, o componente ",
+                    t("templates.headerWithBreadcrumbs.exampleContentDescriptionPart1"),
                     /* @__PURE__ */ jsx("strong", { children: "Header" }),
-                    " principal da aplicação agora suporta receber um array de breadcrumbs para navegações complexas com mais de 3 níveis."
+                    t("templates.headerWithBreadcrumbs.exampleContentDescriptionPart2")
                   ] })
                 ] })
               ] })
@@ -2131,42 +2147,42 @@ function TemplateContent() {
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Alertas" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.alerts") }),
             /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
               /* @__PURE__ */ jsxs(Alert, { variant: "info", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: "Informação" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Este é um exemplo de alerta informativo usando os componentes do Design System." })
+                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.infoTitle") }),
+                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.infoDescription") })
               ] }),
               /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: "Erro" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Ocorreu um erro ao processar sua solicitação." })
+                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.errorTitle") }),
+                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.errorDescription") })
               ] }),
               /* @__PURE__ */ jsxs(Alert, { variant: "success", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: "Sucesso" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Operação realizada com sucesso!" })
+                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.successTitle") }),
+                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.successDescription") })
               ] }),
               /* @__PURE__ */ jsxs(Alert, { variant: "warning", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: "Aviso" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Atenção: Esta ação não pode ser desfeita." })
+                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.warningTitle") }),
+                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.warningDescription") })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Cards & Abas" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.cardsAndTabs") }),
             /* @__PURE__ */ jsxs(Tabs, { defaultValue: "overview", className: "w-full", children: [
               /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-4", children: [
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "overview", children: "Visão Geral" }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "forms", children: "Formulários" }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "data", children: "Dados" }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "settings", children: "Configurações" })
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "overview", children: t("templates.tabs.overview") }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "forms", children: t("templates.tabs.forms") }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "data", children: t("templates.tabs.data") }),
+                /* @__PURE__ */ jsx(TabsTrigger, { value: "settings", children: t("templates.tabs.settings") })
               ] }),
               /* @__PURE__ */ jsxs(TabsContent, { value: "overview", className: "space-y-4", children: [
                 /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
                   /* @__PURE__ */ jsxs(Card, { children: [
                     /* @__PURE__ */ jsxs(CardHeader, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: "Total de Usuários" }),
-                      /* @__PURE__ */ jsx(CardDescription, { children: "Últimos 30 dias" })
+                      /* @__PURE__ */ jsx(CardTitle, { children: t("stats.totalUsers") }),
+                      /* @__PURE__ */ jsx(CardDescription, { children: t("stats.last30Days") })
                     ] }),
                     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "1,234" }),
@@ -2175,8 +2191,8 @@ function TemplateContent() {
                   ] }),
                   /* @__PURE__ */ jsxs(Card, { children: [
                     /* @__PURE__ */ jsxs(CardHeader, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: "Receita Total" }),
-                      /* @__PURE__ */ jsx(CardDescription, { children: "Mês atual" })
+                      /* @__PURE__ */ jsx(CardTitle, { children: t("stats.totalRevenue") }),
+                      /* @__PURE__ */ jsx(CardDescription, { children: t("stats.currentMonth") })
                     ] }),
                     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "$ 45.2k" }),
@@ -2185,8 +2201,8 @@ function TemplateContent() {
                   ] }),
                   /* @__PURE__ */ jsxs(Card, { children: [
                     /* @__PURE__ */ jsxs(CardHeader, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: "Taxa de Conversão" }),
-                      /* @__PURE__ */ jsx(CardDescription, { children: "Semana atual" })
+                      /* @__PURE__ */ jsx(CardTitle, { children: t("stats.conversionRate") }),
+                      /* @__PURE__ */ jsx(CardDescription, { children: t("stats.currentWeek") })
                     ] }),
                     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "3.2%" }),
@@ -2196,13 +2212,13 @@ function TemplateContent() {
                 ] }),
                 /* @__PURE__ */ jsxs(Card, { children: [
                   /* @__PURE__ */ jsxs(CardHeader, { children: [
-                    /* @__PURE__ */ jsx(CardTitle, { children: "Progresso & Sliders" }),
-                    /* @__PURE__ */ jsx(CardDescription, { children: "Exemplo de componentes de progresso" })
+                    /* @__PURE__ */ jsx(CardTitle, { children: t("templates.overview.progressTitle") }),
+                    /* @__PURE__ */ jsx(CardDescription, { children: t("templates.overview.progressDescription") })
                   ] }),
                   /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsx(Label, { children: "Progresso do Projeto" }),
+                        /* @__PURE__ */ jsx(Label, { children: t("templates.overview.projectProgress") }),
                         /* @__PURE__ */ jsxs("span", { className: "[font-size:var(--text-small)] text-muted-foreground", children: [
                           progress,
                           "%"
@@ -2231,7 +2247,7 @@ function TemplateContent() {
                     /* @__PURE__ */ jsx(Separator, {}),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsx(Label, { children: "Volume" }),
+                        /* @__PURE__ */ jsx(Label, { children: t("templates.overview.volume") }),
                         /* @__PURE__ */ jsxs("span", { className: "[font-size:var(--text-small)] text-muted-foreground", children: [
                           sliderValue[0],
                           "%"
@@ -2246,7 +2262,7 @@ function TemplateContent() {
                           max: 100,
                           step: 1,
                           className: "w-full",
-                          "aria-label": "Volume"
+                          "aria-label": t("templates.overview.volume")
                         }
                       )
                     ] })
@@ -2255,22 +2271,22 @@ function TemplateContent() {
               ] }),
               /* @__PURE__ */ jsx(TabsContent, { value: "forms", className: "space-y-4", children: /* @__PURE__ */ jsxs(Card, { children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: "Formulário de Cadastro" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Preencha os campos abaixo para criar uma nova conta" })
+                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.forms.registrationTitle") }),
+                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.forms.registrationDescription") })
                 ] }),
                 /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-4", children: [
                   /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: "Nome" }),
-                      /* @__PURE__ */ jsx(Input, { id: "firstName", placeholder: "João" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: t("templates.forms.firstName") }),
+                      /* @__PURE__ */ jsx(Input, { id: "firstName", placeholder: t("templates.forms.firstNamePlaceholder") })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: "Sobrenome" }),
-                      /* @__PURE__ */ jsx(Input, { id: "lastName", placeholder: "Silva" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: t("templates.forms.lastName") }),
+                      /* @__PURE__ */ jsx(Input, { id: "lastName", placeholder: t("templates.forms.lastNamePlaceholder") })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "E-mail" }),
+                    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("templates.forms.email") }),
                     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                       /* @__PURE__ */ jsx(
@@ -2278,14 +2294,14 @@ function TemplateContent() {
                         {
                           id: "email",
                           type: "email",
-                          placeholder: "john@example.com",
+                          placeholder: t("templates.forms.emailPlaceholder"),
                           className: "pl-10"
                         }
                       )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "phone", children: "Telefone" }),
+                    /* @__PURE__ */ jsx(Label, { htmlFor: "phone", children: t("templates.forms.phone") }),
                     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ jsx(Phone, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                       /* @__PURE__ */ jsx(
@@ -2293,81 +2309,81 @@ function TemplateContent() {
                         {
                           id: "phone",
                           type: "tel",
-                          placeholder: "(11) 99999-9999",
+                          placeholder: t("templates.forms.phonePlaceholder"),
                           className: "pl-10"
                         }
                       )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "role", children: "Função" }),
+                    /* @__PURE__ */ jsx(Label, { htmlFor: "role", children: t("templates.forms.role") }),
                     /* @__PURE__ */ jsxs(Select, { children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { id: "role", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Selecione uma função" }) }),
+                      /* @__PURE__ */ jsx(SelectTrigger, { id: "role", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("templates.forms.rolePlaceholder") }) }),
                       /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "developer", children: "Desenvolvedor" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "designer", children: "Designer" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "manager", children: "Gerente" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "analyst", children: "Analista" })
+                        /* @__PURE__ */ jsx(SelectItem, { value: "developer", children: t("templates.forms.roles.developer") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "designer", children: t("templates.forms.roles.designer") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "manager", children: t("templates.forms.roles.manager") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "analyst", children: t("templates.forms.roles.analyst") })
                       ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "bio", children: "Biografia" }),
+                    /* @__PURE__ */ jsx(Label, { htmlFor: "bio", children: t("templates.forms.bio") }),
                     /* @__PURE__ */ jsx(
                       Textarea,
                       {
                         id: "bio",
-                        placeholder: "Conte-nos um pouco sobre você...",
+                        placeholder: t("templates.forms.bioPlaceholder"),
                         rows: 4
                       }
                     )
                   ] }),
                   /* @__PURE__ */ jsx(Separator, {}),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                    /* @__PURE__ */ jsx("h4", { children: "Preferências" }),
+                    /* @__PURE__ */ jsx("h4", { children: t("templates.forms.preferences") }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                         /* @__PURE__ */ jsx(Checkbox, { id: "newsletter" }),
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "newsletter", className: "font-normal", children: "Receber newsletter por e-mail" })
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "newsletter", className: "font-normal", children: t("templates.forms.newsletter") })
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                         /* @__PURE__ */ jsx(Checkbox, { id: "notifications" }),
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "notifications", className: "font-normal", children: "Ativar notificações push" })
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "notifications", className: "font-normal", children: t("templates.forms.pushNotifications") })
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                         /* @__PURE__ */ jsx(Checkbox, { id: "updates" }),
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "updates", className: "font-normal", children: "Receber atualizações sobre novos recursos" })
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "updates", className: "font-normal", children: t("templates.forms.featureUpdates") })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsx(Separator, {}),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsx(Label, { children: "Tipo de Conta" }),
-                      /* @__PURE__ */ jsxs(RadioGroup, { defaultValue: "personal", "aria-label": "Tipo de Conta", children: [
+                      /* @__PURE__ */ jsx(Label, { children: t("templates.forms.accountType") }),
+                      /* @__PURE__ */ jsxs(RadioGroup, { defaultValue: "personal", "aria-label": t("templates.forms.accountType"), children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                           /* @__PURE__ */ jsx(RadioGroupItem, { value: "personal", id: "personal" }),
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "personal", className: "font-normal", children: "Pessoal" })
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "personal", className: "font-normal", children: t("templates.forms.accountPersonal") })
                         ] }),
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                           /* @__PURE__ */ jsx(RadioGroupItem, { value: "business", id: "business" }),
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "business", className: "font-normal", children: "Empresarial" })
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "business", className: "font-normal", children: t("templates.forms.accountBusiness") })
                         ] }),
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                           /* @__PURE__ */ jsx(RadioGroupItem, { value: "enterprise", id: "enterprise" }),
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "enterprise", className: "font-normal", children: "Corporativo" })
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "enterprise", className: "font-normal", children: t("templates.forms.accountEnterprise") })
                         ] })
                       ] })
                     ] })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between", children: [
-                  /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Cancelar" }),
-                  /* @__PURE__ */ jsx(Button, { onClick: handleFormSubmit, children: "Criar Conta" })
+                  /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("templates.forms.cancel") }),
+                  /* @__PURE__ */ jsx(Button, { onClick: handleFormSubmit, children: t("templates.forms.createAccount") })
                 ] })
               ] }) }),
               /* @__PURE__ */ jsx(TabsContent, { value: "data", className: "space-y-4", children: /* @__PURE__ */ jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxs(Card, { children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: "Lista de Usuários" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Gerenciar usuários do sistema" })
+                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.data.title") }),
+                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.data.description") })
                 ] }),
                 /* @__PURE__ */ jsxs(CardContent, { children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -2375,19 +2391,19 @@ function TemplateContent() {
                     /* @__PURE__ */ jsx(
                       Input,
                       {
-                        placeholder: "Buscar usuários...",
-                        "aria-label": "Buscar usuários",
+                        placeholder: t("templates.data.searchPlaceholder"),
+                        "aria-label": t("templates.data.searchPlaceholder"),
                         className: "pl-10"
                       }
                     )
                   ] }) }),
                   /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius-lg)] border border-border overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { children: [
                     /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-                      /* @__PURE__ */ jsx(TableHead, { children: t2("team.name") }),
-                      /* @__PURE__ */ jsx(TableHead, { children: t2("team.email") }),
-                      /* @__PURE__ */ jsx(TableHead, { children: t2("team.role") }),
-                      /* @__PURE__ */ jsx(TableHead, { children: t2("team.status") }),
-                      /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t2("team.actions") })
+                      /* @__PURE__ */ jsx(TableHead, { children: t("team.name") }),
+                      /* @__PURE__ */ jsx(TableHead, { children: t("team.email") }),
+                      /* @__PURE__ */ jsx(TableHead, { children: t("team.role") }),
+                      /* @__PURE__ */ jsx(TableHead, { children: t("team.status") }),
+                      /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t("team.actions") })
                     ] }) }),
                     /* @__PURE__ */ jsx(TableBody, { children: teamLoading ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
                       /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -2401,36 +2417,36 @@ function TemplateContent() {
                     ] }, i)) }) : teamMembers.map((member) => /* @__PURE__ */ jsxs(TableRow, { children: [
                       /* @__PURE__ */ jsx(TableCell, { children: member.name }),
                       /* @__PURE__ */ jsx(TableCell, { children: member.email }),
-                      /* @__PURE__ */ jsx(TableCell, { children: t2(`team.roles.${member.role}`) }),
+                      /* @__PURE__ */ jsx(TableCell, { children: t(`team.roles.${member.role}`) }),
                       /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
                         Badge,
                         {
                           variant: member.status === "active" ? "default" : member.status === "away" ? "secondary" : "outline",
-                          children: t2(`common.${member.status}`)
+                          children: t(`common.${member.status}`)
                         }
                       ) }),
-                      /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: t2("common.edit") }) })
+                      /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: t("common.edit") }) })
                     ] }, member.id)) })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t2("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
                   /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Previous" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Next" })
+                    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: t("common.previous") }),
+                    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: t("common.next") })
                   ] })
                 ] })
               ] }) }) }),
               /* @__PURE__ */ jsx(TabsContent, { value: "settings", className: "space-y-4", children: /* @__PURE__ */ jsxs(Card, { children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: "Configurações do Sistema" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Gerenciar configurações gerais" })
+                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.settings.title") }),
+                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.settings.description") })
                 ] }),
                 /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "dark-mode", children: "Dark Mode" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Enable dark theme in the interface" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "dark-mode", children: t("templates.settings.darkMode") }),
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("templates.settings.darkModeDescription") })
                     ] }),
                     /* @__PURE__ */ jsx(
                       Switch,
@@ -2444,62 +2460,62 @@ function TemplateContent() {
                   /* @__PURE__ */ jsx(Separator, {}),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "email-notifications", children: "Email Notifications" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Receive important updates by email" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "email-notifications", children: t("templates.settings.emailNotifications") }),
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("templates.settings.emailNotificationsDescription") })
                     ] }),
                     /* @__PURE__ */ jsx(Switch, { id: "email-notifications", defaultChecked: true })
                   ] }),
                   /* @__PURE__ */ jsx(Separator, {}),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "push-notifications", children: "Push Notifications" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Receive instant notifications in the browser" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "push-notifications", children: t("templates.settings.pushNotifications") }),
+                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("templates.settings.pushNotificationsDescription") })
                     ] }),
                     /* @__PURE__ */ jsx(Switch, { id: "push-notifications" })
                   ] }),
                   /* @__PURE__ */ jsx(Separator, {}),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsx(Label, { children: "Language" }),
+                    /* @__PURE__ */ jsx(Label, { children: t("templates.settings.language") }),
                     /* @__PURE__ */ jsxs(Select, { defaultValue: "pt-br", children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Idioma do sistema", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("templates.settings.language"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                       /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "pt-br", children: "Portuguese (Brazil)" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "en", children: "English" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "es", children: "Spanish" })
+                        /* @__PURE__ */ jsx(SelectItem, { value: "pt-br", children: t("templates.settings.languages.ptBR") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "en", children: t("templates.settings.languages.en") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "es", children: t("templates.settings.languages.es") })
                       ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsx(Separator, {}),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsx(Label, { children: "Time Zone" }),
+                    /* @__PURE__ */ jsx(Label, { children: t("templates.settings.timezone") }),
                     /* @__PURE__ */ jsxs(Select, { defaultValue: "america-sao-paulo", children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Fuso horário", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("templates.settings.timezone"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                       /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "america-sao-paulo", children: "America/Sao Paulo (GMT-3)" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "america-new-york", children: "America/New York (GMT-5)" }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "europe-london", children: "Europe/London (GMT+0)" })
+                        /* @__PURE__ */ jsx(SelectItem, { value: "america-sao-paulo", children: t("templates.settings.timezones.saoPaulo") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "america-new-york", children: t("templates.settings.timezones.newYork") }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "europe-london", children: t("templates.settings.timezones.london") })
                       ] })
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between", children: [
-                  /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Restaurar Padrões" }),
-                  /* @__PURE__ */ jsx(Button, { children: "Salvar Alterações" })
+                  /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("templates.settings.restoreDefaults") }),
+                  /* @__PURE__ */ jsx(Button, { children: t("templates.settings.saveChanges") })
                 ] })
               ] }) })
             ] })
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Botões" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.buttons") }),
             /* @__PURE__ */ jsxs(Card, { children: [
               /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: "Variações de Botão" }),
-                /* @__PURE__ */ jsx(CardDescription, { children: "Diferentes estilos e tamanhos de botões" })
+                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.buttons.title") }),
+                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.buttons.description") })
               ] }),
               /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: "Variants" }),
+                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.variants") }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
                     /* @__PURE__ */ jsx(Button, { variant: "default", children: "Default" }),
                     /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Secondary" }),
@@ -2511,38 +2527,38 @@ function TemplateContent() {
                 ] }),
                 /* @__PURE__ */ jsx(Separator, {}),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: "Sizes" }),
+                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.sizes") }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
                     /* @__PURE__ */ jsx(Button, { size: "sm", children: "Small" }),
                     /* @__PURE__ */ jsx(Button, { size: "default", children: "Default" }),
                     /* @__PURE__ */ jsx(Button, { size: "lg", children: "Large" }),
-                    /* @__PURE__ */ jsx(Button, { size: "icon", "aria-label": "Configurações", children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }) })
+                    /* @__PURE__ */ jsx(Button, { size: "icon", "aria-label": t("nav.settings"), children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx(Separator, {}),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: "With Icons" }),
+                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.withIcons") }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
                     /* @__PURE__ */ jsxs(Button, { children: [
                       /* @__PURE__ */ jsx(User, { className: "mr-2 h-4 w-4" }),
-                      "Profile"
+                      t("templates.buttons.profile")
                     ] }),
                     /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
                       /* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }),
-                      "Messages"
+                      t("templates.buttons.messages")
                     ] }),
                     /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
                       /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
-                      "Schedule"
+                      t("templates.buttons.schedule")
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx(Separator, {}),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: "States" }),
+                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.states") }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                    /* @__PURE__ */ jsx(Button, { disabled: true, children: "Disabled" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: true, children: "Outline Disabled" })
+                    /* @__PURE__ */ jsx(Button, { disabled: true, children: t("templates.buttons.disabled") }),
+                    /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: true, children: t("templates.buttons.outlineDisabled") })
                   ] })
                 ] })
               ] })
@@ -2550,68 +2566,68 @@ function TemplateContent() {
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Badges" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.badges") }),
             /* @__PURE__ */ jsxs(Card, { children: [
               /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: "Variações de Badge" }),
-                /* @__PURE__ */ jsx(CardDescription, { children: "Estilos diferentes de badge para status e tags" })
+                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.badges.title") }),
+                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.badges.description") })
               ] }),
               /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Padrão" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Secundário" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Contorno" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Destrutivo" }),
-                /* @__PURE__ */ jsx(Badge, { className: "bg-success text-success-foreground", children: "Sucesso" }),
-                /* @__PURE__ */ jsx(Badge, { className: "bg-warning text-warning-foreground", children: "Aviso" }),
+                /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Default" }),
+                /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Secondary" }),
+                /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Outline" }),
+                /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Destructive" }),
+                /* @__PURE__ */ jsx(Badge, { className: "bg-success text-success-foreground", children: "Success" }),
+                /* @__PURE__ */ jsx(Badge, { className: "bg-warning text-warning-foreground", children: "Warning" }),
                 /* @__PURE__ */ jsx(Badge, { className: "bg-info text-info-foreground", children: "Info" })
               ] }) })
             ] })
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Diálogos" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.dialogs") }),
             /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
               /* @__PURE__ */ jsxs(Card, { children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: "Diálogo" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Um modal interativo básico" })
+                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.dialogs.dialogTitle") }),
+                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.dialogs.dialogDescription") })
                 ] }),
                 /* @__PURE__ */ jsx(CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxs(Dialog, { children: [
-                  /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Editar Perfil" }) }),
+                  /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("templates.dialogs.editProfile") }) }),
                   /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
                     /* @__PURE__ */ jsxs(DialogHeader, { children: [
-                      /* @__PURE__ */ jsx(DialogTitle, { children: "Editar Perfil" }),
-                      /* @__PURE__ */ jsx(DialogDescription, { children: "Faça alterações no seu perfil aqui. Clique em salvar quando terminar." })
+                      /* @__PURE__ */ jsx(DialogTitle, { children: t("templates.dialogs.editProfile") }),
+                      /* @__PURE__ */ jsx(DialogDescription, { children: t("templates.dialogs.editProfileDescription") })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "grid gap-4 py-4", children: [
                       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-right", children: "Nome" }),
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-right", children: t("templates.dialogs.name") }),
                         /* @__PURE__ */ jsx(Input, { id: "name", defaultValue: "John Doe", className: "col-span-3" })
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "username", className: "text-right", children: "Usuário" }),
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "username", className: "text-right", children: t("templates.dialogs.username") }),
                         /* @__PURE__ */ jsx(Input, { id: "username", defaultValue: "@johndoe", className: "col-span-3" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "submit", children: "Atualizar" }) })
+                    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "submit", children: t("templates.dialogs.update") }) })
                   ] })
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxs(Card, { children: [
                 /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: "Alerta de Diálogo" }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: "Um alerta para decisões importantes" })
+                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.dialogs.alertDialogTitle") }),
+                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.dialogs.alertDialogDescription") })
                 ] }),
                 /* @__PURE__ */ jsx(CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxs(AlertDialog, { children: [
-                  /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "destructive", children: "Excluir Conta" }) }),
+                  /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "destructive", children: t("templates.dialogs.deleteAccount") }) }),
                   /* @__PURE__ */ jsxs(AlertDialogContent, { className: "sm:max-w-[425px]", children: [
                     /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-                      /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Você tem certeza absoluta?" }),
-                      /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Esta ação não pode ser desfeita. Isso excluirá permanentemente sua conta e removerá seus dados de nossos servidores." })
+                      /* @__PURE__ */ jsx(AlertDialogTitle, { children: t("templates.dialogs.areYouSure") }),
+                      /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("templates.dialogs.deleteWarning") })
                     ] }),
                     /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-                      /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancelar" }),
-                      /* @__PURE__ */ jsx(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Continuar" })
+                      /* @__PURE__ */ jsx(AlertDialogCancel, { children: t("templates.dialogs.cancel") }),
+                      /* @__PURE__ */ jsx(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: t("templates.dialogs.continue") })
                     ] })
                   ] })
                 ] }) })
@@ -2622,15 +2638,15 @@ function TemplateContent() {
           /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx(MapShowcase, {}) }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Variações de Cabeçalho" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.headerVariations.sectionTitle") }),
             /* @__PURE__ */ jsxs(Card, { children: [
               /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: "Configurações do Cabeçalho Principal" }),
-                /* @__PURE__ */ jsx(CardDescription, { children: "O Header é focado em navegação (breadcrumbs) e ações contextuais rápidas." })
+                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.headerVariations.cardTitle") }),
+                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.headerVariations.cardDescription") })
               ] }),
               /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxs("div", { className: "p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold mb-4", children: "Elementos Visíveis" }),
+                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold mb-4", children: t("templates.headerVariations.visibleElements") }),
                   /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsx(
@@ -2641,7 +2657,7 @@ function TemplateContent() {
                           onCheckedChange: setShowHeaderActions
                         }
                       ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "header-actions", className: "cursor-pointer", children: "Botões de Ação" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "header-actions", className: "cursor-pointer", children: t("templates.headerVariations.actionButtons") })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsx(
@@ -2652,60 +2668,60 @@ function TemplateContent() {
                           onCheckedChange: setShowHeaderBreadcrumbs
                         }
                       ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "header-bread", className: "cursor-pointer", children: "Breadcrumbs" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "header-bread", className: "cursor-pointer", children: t("templates.headerVariations.breadcrumbsLabel") })
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "relative border rounded-[var(--radius-lg)] bg-muted/10 overflow-hidden shadow-inner", children: [
-                  /* @__PURE__ */ jsx("div", { className: "p-4 bg-background/50 border-b text-xs font-mono text-muted-foreground", children: "Visualização" }),
+                  /* @__PURE__ */ jsx("div", { className: "p-4 bg-background/50 border-b text-xs font-mono text-muted-foreground", children: t("templates.headerVariations.preview") }),
                   /* @__PURE__ */ jsx(
                     Header,
                     {
-                      title: !showHeaderBreadcrumbs ? "Página Atual" : void 0,
+                      title: !showHeaderBreadcrumbs ? t("templates.headerVariations.currentPage") : void 0,
                       breadcrumbs: showHeaderBreadcrumbs ? [
                         {
-                          label: "Xertica UI",
+                          label: t("templates.headerVariations.breadcrumbBrand"),
                           href: "#",
                           icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" })
                         },
-                        { label: "Configurações", href: "#" },
-                        { label: "Perfil" }
+                        { label: t("templates.headerVariations.breadcrumbSettings"), href: "#" },
+                        { label: t("templates.headerVariations.breadcrumbProfile") }
                       ] : void 0,
                       actions: showHeaderActions ? [
                         {
                           id: "notify",
                           icon: /* @__PURE__ */ jsx(Bell, { className: "w-5 h-5" }),
-                          onClick: () => toast("Notificações abertas")
+                          onClick: () => toast(t("templates.headerVariations.notificationsOpenedToast"))
                         },
                         {
                           id: "mail",
-                          label: "Mensagens",
+                          label: t("templates.headerVariations.messagesLabel"),
                           icon: /* @__PURE__ */ jsx(Mail, { className: "w-5 h-5" }),
-                          onClick: () => toast("Mensagens abertas")
+                          onClick: () => toast(t("templates.headerVariations.messagesOpenedToast"))
                         }
                       ] : void 0
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: "h-32 flex items-center justify-center text-muted-foreground text-sm italic", children: "Área de Conteúdo da Página" })
+                  /* @__PURE__ */ jsx("div", { className: "h-32 flex items-center justify-center text-muted-foreground text-sm italic", children: t("templates.headerVariations.contentArea") })
                 ] })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: "Variações da Sidebar" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.sidebarVariations") }),
             /* @__PURE__ */ jsxs(Card, { children: [
               /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: "Sidebar Modo Assistente vs Padrão" }),
-                /* @__PURE__ */ jsx(CardDescription, { children: "A Sidebar suporta flexibilidade através da propriedade variant." })
+                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.sidebar.title") }),
+                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.sidebar.description") })
               ] }),
               /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "assistant", className: "w-full", children: [
                 /* @__PURE__ */ jsxs(TabsList, { className: "mb-4", children: [
-                  /* @__PURE__ */ jsx(TabsTrigger, { value: "assistant", children: "Modo Assistente" }),
-                  /* @__PURE__ */ jsx(TabsTrigger, { value: "default", children: "Modo Padrão" })
+                  /* @__PURE__ */ jsx(TabsTrigger, { value: "assistant", children: t("templates.sidebar.assistantMode") }),
+                  /* @__PURE__ */ jsx(TabsTrigger, { value: "default", children: t("templates.sidebar.defaultMode") })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold mb-4", children: "Configurações do Rodapé" }),
+                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold mb-4", children: t("templates.sidebarControls.footerSettings") }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-6 mt-2", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsx(
@@ -2716,7 +2732,7 @@ function TemplateContent() {
                           onCheckedChange: setShowSidebarUser
                         }
                       ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-user", className: "cursor-pointer", children: "Perfil do Usuário" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-user", className: "cursor-pointer", children: t("templates.sidebarControls.userProfile") })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsx(
@@ -2727,7 +2743,7 @@ function TemplateContent() {
                           onCheckedChange: setShowSidebarSettings
                         }
                       ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-settings", className: "cursor-pointer", children: "Configurações" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-settings", className: "cursor-pointer", children: t("templates.sidebarControls.settings") })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsx(
@@ -2738,12 +2754,12 @@ function TemplateContent() {
                           onCheckedChange: setShowSidebarLogout
                         }
                       ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-logout", className: "cursor-pointer", children: "Botão de Sair" })
+                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-logout", className: "cursor-pointer", children: t("templates.sidebarControls.logoutButton") })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "mt-6 pt-6 border-t", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-                      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Largura da Sidebar (Desktop)" }),
+                      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: t("templates.sidebarControls.sidebarWidthDesktop") }),
                       /* @__PURE__ */ jsxs("span", { className: "text-xs font-mono bg-muted px-2 py-1 rounded", children: [
                         sidebarWidth,
                         "px"
@@ -2760,7 +2776,7 @@ function TemplateContent() {
                           max: 450,
                           step: 10,
                           className: "flex-1",
-                          "aria-label": "Largura da Sidebar"
+                          "aria-label": t("templates.sidebarControls.sidebarWidthAriaLabel")
                         }
                       ),
                       /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-12", children: "450px" })
@@ -2781,26 +2797,26 @@ function TemplateContent() {
                           onToggle: () => {
                           },
                           user: { email: "admin@xertica.com" },
-                          onLogout: () => toast("Saiu"),
+                          onLogout: () => toast(t("templates.sidebar.logoutToast")),
                           location: { pathname: "/assistant/current" },
                           navigate: () => {
                           },
                           variant: "assistant",
                           search: {
                             show: true,
-                            placeholder: "Buscar tópicos...",
+                            placeholder: t("templates.sidebar.searchTopicsPlaceholder"),
                             filter: {
                               show: true,
                               content: /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2", children: [
-                                /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: "Filtrar por Status" }),
+                                /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: t("templates.sidebarControls.filterByStatus") }),
                                 /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 p-1", children: [
-                                  /* @__PURE__ */ jsx(Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: "Ativo" }),
+                                  /* @__PURE__ */ jsx(Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: t("templates.sidebarControls.filterActive") }),
                                   /* @__PURE__ */ jsx(
                                     Badge,
                                     {
                                       variant: "outline",
                                       className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10",
-                                      children: "Arquivado"
+                                      children: t("templates.sidebarControls.filterArchived")
                                     }
                                   ),
                                   /* @__PURE__ */ jsx(
@@ -2808,7 +2824,7 @@ function TemplateContent() {
                                     {
                                       variant: "outline",
                                       className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10",
-                                      children: "Pendente"
+                                      children: t("templates.sidebarControls.filterPending")
                                     }
                                   )
                                 ] })
@@ -2819,47 +2835,47 @@ function TemplateContent() {
                             show: true,
                             content: /* @__PURE__ */ jsxs(Button, { className: "w-full bg-sidebar-primary hover:bg-sidebar-primary/90 text-sidebar-primary-foreground shadow-lg font-bold border-none transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98]", children: [
                               /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
-                              "Nova Conversa"
+                              t("templates.sidebar.newConversation")
                             ] })
                           },
                           navigationGroups: [
                             {
                               id: "recent",
-                              label: "Recentes",
+                              label: t("templates.sidebar.recent"),
                               icon: Clock,
                               items: [
                                 {
                                   path: "/assistant/refatoracao",
-                                  label: "Refatoração da Sidebar",
-                                  description: "Ativo agora",
+                                  label: t("templates.sidebar.items.sidebarRefactor"),
+                                  description: t("templates.sidebar.items.sidebarRefactorDescription"),
                                   actions: [
                                     {
-                                      label: "Renomear",
+                                      label: t("templates.sidebar.actions.rename"),
                                       icon: FileEdit,
-                                      onClick: () => toast("Abrir renomear...")
+                                      onClick: () => toast(t("templates.sidebar.actions.renameToast"))
                                     },
                                     {
-                                      label: "Mover",
+                                      label: t("templates.sidebar.actions.move"),
                                       icon: ArrowRightLeft,
                                       children: [
                                         {
-                                          label: "Projetos Ativos",
-                                          onClick: () => toast("Movido para Projetos Ativos")
+                                          label: t("templates.sidebar.actions.moveActive"),
+                                          onClick: () => toast(t("templates.sidebar.actions.moveActiveToast"))
                                         },
                                         {
-                                          label: "Monitoramento",
-                                          onClick: () => toast("Movido para Monitoramento")
+                                          label: t("templates.sidebar.actions.moveMonitoring"),
+                                          onClick: () => toast(t("templates.sidebar.actions.moveMonitoringToast"))
                                         },
                                         {
-                                          label: "Arquivar",
-                                          onClick: () => toast("Movido para Arquivo")
+                                          label: t("templates.sidebar.actions.moveArchive"),
+                                          onClick: () => toast(t("templates.sidebar.actions.moveArchiveToast"))
                                         }
                                       ]
                                     },
                                     {
-                                      label: "Limpar",
+                                      label: t("templates.sidebar.actions.clear"),
                                       icon: Trash2,
-                                      onClick: () => toast("Histórico Limpo!"),
+                                      onClick: () => toast(t("templates.sidebar.actions.clearToast")),
                                       variant: "destructive"
                                     }
                                   ]
@@ -2868,24 +2884,24 @@ function TemplateContent() {
                             },
                             {
                               id: "projects",
-                              label: "Monitoramento de Projetos",
+                              label: t("templates.sidebar.constructionMonitoring"),
                               icon: Map$1,
                               actions: [
                                 {
-                                  label: "Nova Categoria",
+                                  label: t("templates.sidebar.actions.newCategory"),
                                   icon: Plus,
-                                  onClick: () => toast("Criar nova categoria...")
+                                  onClick: () => toast(t("templates.sidebar.actions.newCategoryToast"))
                                 },
                                 {
-                                  label: "Arquivar Grupo",
+                                  label: t("templates.sidebar.actions.archiveGroup"),
                                   icon: Archive,
-                                  onClick: () => toast("Arquivando grupo...")
+                                  onClick: () => toast(t("templates.sidebar.actions.archiveGroupToast"))
                                 }
                               ],
                               items: [
                                 {
                                   path: "/assistant/br163",
-                                  label: "Restauração BR-163",
+                                  label: t("templates.sidebar.items.br163Restoration"),
                                   icon: () => /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-500" }),
                                   description: /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 min-w-[160px]", children: [
                                     /* @__PURE__ */ jsx(
@@ -2896,7 +2912,7 @@ function TemplateContent() {
                                       }
                                     ),
                                     /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-[10px] text-sidebar-foreground/60", children: [
-                                      /* @__PURE__ */ jsx("span", { children: "Cuiabá, MT" }),
+                                      /* @__PURE__ */ jsx("span", { children: t("templates.sidebar.items.br163Location") }),
                                       /* @__PURE__ */ jsx("span", { children: "67%" })
                                     ] })
                                   ] })
@@ -2916,7 +2932,7 @@ function TemplateContent() {
                         {
                           className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300",
                           style: { left: `${sidebarWidth}px` },
-                          children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center", children: "Conteúdo do Modo Assistente" })
+                          children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center", children: t("templates.sidebar.assistantContent") })
                         }
                       )
                     ]
@@ -2940,16 +2956,16 @@ function TemplateContent() {
                             email: "admin@xertica.com",
                             avatar: "https://github.com/shadcn.png"
                           },
-                          onLogout: () => toast("Saiu"),
-                          onSettingsClick: () => toast("Configurações clicadas"),
+                          onLogout: () => toast(t("templates.sidebar.logoutToast")),
+                          onSettingsClick: () => toast(t("templates.sidebar.settingsClickedToast")),
                           location: { pathname: "/home" },
                           navigate: () => {
                           },
                           variant: "default",
                           routes: [
-                            { path: "/home", label: "Início", icon: Home },
-                            { path: "/dashboard", label: "Dashboard", icon: Users },
-                            { path: "/settings", label: "Configurações", icon: Settings }
+                            { path: "/home", label: t("templates.sidebar.routes.home"), icon: Home },
+                            { path: "/dashboard", label: t("templates.sidebar.routes.dashboard"), icon: Users },
+                            { path: "/settings", label: t("templates.sidebar.routes.settings"), icon: Settings }
                           ],
                           footer: {
                             showUser: showSidebarUser,
@@ -2963,7 +2979,7 @@ function TemplateContent() {
                         {
                           className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300",
                           style: { left: `${sidebarWidth}px` },
-                          children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center", children: "Navegação Tradicional do Sistema" })
+                          children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center", children: t("templates.sidebar.defaultContent") })
                         }
                       )
                     ]
@@ -2975,19 +2991,22 @@ function TemplateContent() {
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxs(Card, { className: "mt-8", children: [
             /* @__PURE__ */ jsxs(CardHeader, { children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: "Template Pronto para CLI" }),
-              /* @__PURE__ */ jsx(CardDescription, { children: "Como usar este template" })
+              /* @__PURE__ */ jsx(CardTitle, { children: t("templates.footer.title") }),
+              /* @__PURE__ */ jsx(CardDescription, { children: t("templates.footer.subtitle") })
             ] }),
             /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
               /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
-                "Este template está pronto para ser usado como base para novos projetos. Todos os componentes usam as variáveis CSS definidas em",
-                " ",
-                /* @__PURE__ */ jsx("code", { className: "bg-muted px-2 py-1 rounded-[var(--radius-sm)] [font-size:var(--text-small)]", children: "/styles/xertica/tokens.css" }),
-                "and follow the Xertica UI CLI-first architecture."
+                t("templates.footer.descriptionPart1"),
+                /* @__PURE__ */ jsx("code", { className: "bg-muted px-2 py-1 rounded-[var(--radius-sm)] [font-size:var(--text-small)]", children: "xertica-ui" }),
+                t("templates.footer.descriptionPart2")
               ] }),
               /* @__PURE__ */ jsxs(Alert, { variant: "info", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: "Dica" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Copie este arquivo como ponto de partida para suas páginas. Todos os componentes são reutilizáveis e customizáveis através de variáveis CSS." })
+                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.footer.tipTitle") }),
+                /* @__PURE__ */ jsxs(AlertDescription, { children: [
+                  t("templates.footer.tipDescriptionPart1"),
+                  /* @__PURE__ */ jsx("code", { className: "bg-muted px-1 rounded", children: "styles/xertica/tokens.css" }),
+                  t("templates.footer.tipDescriptionPart2")
+                ] })
               ] })
             ] })
           ] })
@@ -2996,16 +3015,17 @@ function TemplateContent() {
     }
   );
 }
+
 function TemplatePage() {
   const { user, logout } = useAuth();
   const layout = useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React__default.useState(false);
   const [localAssistantExpanded, setLocalAssistantExpanded] = React__default.useState(false);
-  const sidebarExpanded = (layout == null ? void 0 : layout.sidebarExpanded) ?? localSidebarExpanded;
-  const sidebarWidth = (layout == null ? void 0 : layout.sidebarWidth) ?? 280;
-  const assistenteExpanded = (layout == null ? void 0 : layout.assistenteExpanded) ?? localAssistantExpanded;
-  const toggleSidebar = (layout == null ? void 0 : layout.toggleSidebar) ?? (() => setLocalSidebarExpanded((value) => !value));
-  const toggleAssistente = (layout == null ? void 0 : layout.toggleAssistente) ?? (() => setLocalAssistantExpanded((value) => !value));
+  const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
+  const sidebarWidth = layout?.sidebarWidth ?? 280;
+  const assistenteExpanded = layout?.assistenteExpanded ?? localAssistantExpanded;
+  const toggleSidebar = layout?.toggleSidebar ?? (() => setLocalSidebarExpanded((value) => !value));
+  const toggleAssistente = layout?.toggleAssistente ?? (() => setLocalAssistantExpanded((value) => !value));
   const location = useLocation();
   const navigate = useNavigate();
   return /* @__PURE__ */ jsxs("div", { className: "h-screen flex bg-muted overflow-hidden relative", children: [
@@ -3039,12 +3059,12 @@ function TemplatePage() {
     )
   ] });
 }
+
 function VerifyEmailPage() {
-  var _a;
   const navigate = useNavigate();
   const location = useLocation();
-  const { t: t2 } = useTranslation();
-  const email = ((_a = location.state) == null ? void 0 : _a.email) || "your@email.com";
+  const { t } = useTranslation();
+  const email = location.state?.email || "your@email.com";
   const [isResending, setIsResending] = useState(false);
   const [resendSuccess, setResendSuccess] = useState(false);
   const handleResend = async () => {
@@ -3063,7 +3083,7 @@ function VerifyEmailPage() {
         ImageWithFallback,
         {
           src: "https://images.unsplash.com/photo-1563986768609-322da13575f3?w=1200&h=800&fit=crop&auto=format",
-          alt: t2("verifyEmail.heroImageAlt"),
+          alt: t("verifyEmail.heroImageAlt"),
           className: "absolute inset-0 w-full h-full object-cover"
         }
       ),
@@ -3082,23 +3102,23 @@ function VerifyEmailPage() {
             }
           ) }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx("div", { className: "p-4 bg-primary/10 rounded-[var(--radius)]", children: /* @__PURE__ */ jsx(Mail, { className: "w-12 h-12 text-primary" }) }) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t2("verifyEmail.heading") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t2("verifyEmail.instructionsSent") }),
+          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t("verifyEmail.heading") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t("verifyEmail.instructionsSent") }),
           /* @__PURE__ */ jsx("p", { className: "mt-1 text-primary", children: email })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t2("verifyEmail.instructions") }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("verifyEmail.instructions") }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-muted-foreground", children: [
             /* @__PURE__ */ jsx(CheckCircle2, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--chart-2)]" }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t2("verifyEmail.checkSpam") })
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("verifyEmail.checkSpam") })
           ] })
         ] }),
         resendSuccess && /* @__PURE__ */ jsxs("div", { className: "bg-[var(--chart-2)]/10 border border-[var(--chart-2)]/20 rounded-[var(--radius)] p-3 flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5 text-[var(--chart-2)] flex-shrink-0" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--chart-2)]", children: t2("verifyEmail.resentSuccess") })
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--chart-2)]", children: t("verifyEmail.resentSuccess") })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-center text-muted-foreground", children: t2("verifyEmail.notReceived") }),
+          /* @__PURE__ */ jsx("p", { className: "text-center text-muted-foreground", children: t("verifyEmail.notReceived") }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -3106,7 +3126,7 @@ function VerifyEmailPage() {
               className: "w-full",
               onClick: handleResend,
               disabled: isResending,
-              children: isResending ? t2("verifyEmail.resending") : t2("verifyEmail.resend")
+              children: isResending ? t("verifyEmail.resending") : t("verifyEmail.resend")
             }
           ),
           /* @__PURE__ */ jsxs(
@@ -3118,14 +3138,14 @@ function VerifyEmailPage() {
               className: "w-full text-muted-foreground hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4 mr-2" }),
-                t2("verifyEmail.backToLogin")
+                t("verifyEmail.backToLogin")
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t2("login.orContinueWith") }) })
+          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs(
@@ -3167,7 +3187,7 @@ function VerifyEmailPage() {
                   ),
                   /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
-                /* @__PURE__ */ jsx("span", { children: t2("login.signInWithGoogle") })
+                /* @__PURE__ */ jsx("span", { children: t("login.signInWithGoogle") })
               ]
             }
           ),
@@ -3180,7 +3200,7 @@ function VerifyEmailPage() {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsx(Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsx("span", { children: t2("login.signInWithMTLogin") })
+                /* @__PURE__ */ jsx("span", { children: t("login.signInWithMTLogin") })
               ]
             }
           ),
@@ -3191,7 +3211,7 @@ function VerifyEmailPage() {
               variant: "outline",
               className: "w-full justify-center font-normal",
               onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsx("span", { children: t2("login.signInWithGovBr") })
+              children: /* @__PURE__ */ jsx("span", { children: t("login.signInWithGovBr") })
             }
           )
         ] })
@@ -3199,13 +3219,5 @@ function VerifyEmailPage() {
     ] })
   ] });
 }
-export {
-  ForgotPasswordPage as F,
-  HomeContent as H,
-  LoginPage as L,
-  ResetPasswordPage as R,
-  TemplateContent as T,
-  VerifyEmailPage as V,
-  HomePage as a,
-  TemplatePage as b
-};
+
+export { ForgotPasswordPage as F, HomeContent as H, LoginPage as L, ResetPasswordPage as R, TemplateContent as T, VerifyEmailPage as V, HomePage as a, TemplatePage as b };