xertica-ui 2.2.1 → 2.3.0

package/dist/{VerifyEmailPage-DF2ilhum.cjs → VerifyEmailPage-B4peJjAT.cjs}

@@ -1,27 +1,29 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const button = require("./button-Bnv9SvYK.cjs");
-const input = require("./input-CNFHVKvo.cjs");
-const alertDialog = require("./alert-dialog-B4M3vQKS.cjs");
-const XerticaXLogo = require("./XerticaXLogo-CU-U-GP4.cjs");
-const lucideReact = require("lucide-react");
-const reactRouterDom = require("react-router-dom");
-const sidebar = require("./sidebar-zowjejT2.cjs");
-const skeleton = require("./skeleton-4zoHiFJ_.cjs");
-const progress = require("./progress-DDeuWPZw.cjs");
-const LayoutContext = require("./LayoutContext-C4kKN9RV.cjs");
-const ThemeContext = require("./ThemeContext-CpqYShLq.cjs");
-const reactQuery = require("@tanstack/react-query");
-const reactI18next = require("react-i18next");
-const FeatureCardSkeleton = require("./FeatureCardSkeleton-mO3Bdm_V.cjs");
-const xerticaAssistant = require("./xertica-assistant-d2qs2Vd9.cjs");
-const i18n = require("i18next");
-const richTextEditor = require("./rich-text-editor-CyggTOLQ.cjs");
-const select = require("./select-Cmb8zF7w.cjs");
-const slider = require("./slider-DcJharR9.cjs");
-const sonner = require("sonner");
-const zustand = require("zustand");
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const button = require('./button-0BlA47It.cjs');
+const input = require('./input-C_UiS2Py.cjs');
+const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
+const XerticaXLogo = require('./XerticaXLogo-bvZSgwGF.cjs');
+const lucideReact = require('lucide-react');
+const reactRouterDom = require('react-router-dom');
+const sidebar = require('./sidebar-nzPoVHBQ.cjs');
+const skeleton = require('./skeleton-DjiHerJn.cjs');
+const progress = require('./progress-Cqwxbqs1.cjs');
+const LayoutContext = require('./LayoutContext-BEq_-n98.cjs');
+const ThemeContext = require('./ThemeContext-j5aGtPky.cjs');
+const reactQuery = require('@tanstack/react-query');
+const reactI18next = require('react-i18next');
+const FeatureCardSkeleton = require('./FeatureCardSkeleton-pTa0YNKP.cjs');
+const xerticaAssistant = require('./xertica-assistant-sOHwTgIP.cjs');
+const i18n = require('i18next');
+const richTextEditor = require('./rich-text-editor-DxO1Hz3a.cjs');
+const select = require('./select-CH6v_KcQ.cjs');
+const slider = require('./slider-B00b9SVK.cjs');
+const sonner = require('sonner');
+const zustand = require('zustand');
+
 function ForgotPasswordPage() {
   const navigate = reactRouterDom.useNavigate();
   const [email, setEmail] = React.useState("");
@@ -175,7 +177,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" },
@@ -199,6 +203,7 @@ async function fetchFeatureCards() {
     }
   ];
 }
+
 function useTeamMembers() {
   const { language } = ThemeContext.useLanguage();
   return reactQuery.useQuery({
@@ -209,6 +214,7 @@ function useTeamMembers() {
     // 2 min
   });
 }
+
 function useFeatureCards() {
   const { language } = ThemeContext.useLanguage();
   return reactQuery.useQuery({
@@ -219,6 +225,7 @@ function useFeatureCards() {
     // 10 min — feature list is fairly static
   });
 }
+
 const useDashboardStore = zustand.create((set) => ({
   // Filters
   activeTab: "overview",
@@ -234,6 +241,7 @@ const useDashboardStore = zustand.create((set) => ({
   switchEnabled: false,
   toggleSwitch: () => set((state) => ({ switchEnabled: !state.switchEnabled }))
 }));
+
 function isDev() {
   return false;
 }
@@ -280,6 +288,7 @@ function SectionErrorFallback({ error, reset }) {
     }
   );
 }
+
 class ErrorBoundary extends React.Component {
   constructor(props) {
     super(props);
@@ -290,13 +299,12 @@ class ErrorBoundary extends React.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();
@@ -316,11 +324,12 @@ class ErrorBoundary extends React.Component {
 function SectionErrorBoundary({ children, onError, resetKeys }) {
   return /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { fallback: SectionErrorFallback, onError, resetKeys, children });
 }
+
 function HomeContent() {
-  const { t: t2 } = reactI18next.useTranslation();
+  const { t } = reactI18next.useTranslation();
   const layout = LayoutContext.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 = reactRouterDom.useNavigate();
   const { data: featureCards = [], isLoading } = useFeatureCards();
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -337,8 +346,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__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: href, ...props })
           }
@@ -347,8 +356,8 @@ function HomeContent() {
           /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.PageHeader,
             {
-              title: t2("home.welcome"),
-              subtitle: t2("home.subtitle")
+              title: t("home.welcome"),
+              subtitle: t("home.subtitle")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -363,18 +372,18 @@ function HomeContent() {
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-6 h-6 text-[var(--chart-2)]" }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: t2(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
-                    card.badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "text-xs", children: t2(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: t(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
+                    card.badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "text-xs", children: t(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t2(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
                   button.Button,
                   {
                     variant: "outline",
                     className: "w-full",
                     onClick: () => navigate(card.href),
-                    children: t2("common.view")
+                    children: t("common.view")
                   }
                 ) })
               ]
@@ -386,36 +395,39 @@ function HomeContent() {
     }
   );
 }
+
 const routes = [
   { path: "/home", label: "Home", icon: lucideReact.Home },
   { path: "/template", label: "Template", icon: lucideReact.FileText }
 ];
+
 const AuthContext = React.createContext(null);
 function useAuth() {
   const ctx = React.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")
     ]
   };
 }
@@ -434,6 +446,7 @@ function getMockFeedbackOptions() {
     i18n.t("assistant.feedback.incompleteAnswer")
   ];
 }
+
 function useAssistantConfig() {
   const { language } = ThemeContext.useLanguage();
   return reactQuery.useQuery({
@@ -444,16 +457,17 @@ function useAssistantConfig() {
     // 30 min — config rarely changes
   });
 }
+
 function HomePage() {
   const { user, logout } = useAuth();
   const layout = LayoutContext.useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localAssistantExpanded, setLocalAssistantExpanded] = React.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 = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
   const { data: assistantConfig } = useAssistantConfig();
@@ -485,18 +499,19 @@ function HomePage() {
         defaultTab: "chat",
         demoMode: true,
         responseGenerator: xerticaAssistant.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 = reactRouterDom.useNavigate();
-  const { t: t2 } = reactI18next.useTranslation();
+  const { t } = reactI18next.useTranslation();
   const [email, setEmail] = React.useState("");
   const [password, setPassword] = React.useState("");
   const [isLoading, setIsLoading] = React.useState(false);
@@ -508,7 +523,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);
   };
@@ -521,7 +536,7 @@ function LoginPage({ onLogin }) {
         alertDialog.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"
         }
       ),
@@ -539,11 +554,11 @@ function LoginPage({ onLogin }) {
               variant: "theme"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t2("login.heading") })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t("login.heading") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: t2("login.emailLabel") }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: t("login.emailLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -552,14 +567,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__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: t2("login.passwordLabel") }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: t("login.passwordLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -575,20 +590,20 @@ function LoginPage({ onLogin }) {
             )
           ] }),
           error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-destructive text-sm text-center", children: error }),
-          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t2("login.submitting") : t2("login.submit") }),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("login.submitting") : t("login.submit") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t2("login.orContinueWith") }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -630,7 +645,7 @@ function LoginPage({ onLogin }) {
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGoogle") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithGoogle") })
               ]
             }
           ),
@@ -643,7 +658,7 @@ function LoginPage({ onLogin }) {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithMTLogin") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithMTLogin") })
               ]
             }
           ),
@@ -654,7 +669,7 @@ function LoginPage({ onLogin }) {
               variant: "outline",
               className: "w-full justify-center font-normal",
               onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGovBr") })
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithGovBr") })
             }
           )
         ] })
@@ -662,9 +677,10 @@ function LoginPage({ onLogin }) {
     ] })
   ] });
 }
+
 function ResetPasswordPage() {
   const navigate = reactRouterDom.useNavigate();
-  const { t: t2 } = reactI18next.useTranslation();
+  const { t } = reactI18next.useTranslation();
   const [password, setPassword] = React.useState("");
   const [confirmPassword, setConfirmPassword] = React.useState("");
   const [isLoading, setIsLoading] = React.useState(false);
@@ -694,11 +710,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);
@@ -721,11 +737,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 "";
     }
@@ -736,7 +752,7 @@ function ResetPasswordPage() {
         alertDialog.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"
         }
       ),
@@ -753,7 +769,7 @@ function ResetPasswordPage() {
             className: "flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small", children: t2("resetPassword.backToLogin") })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-small", children: t("resetPassword.backToLogin") })
             ]
           }
         ),
@@ -765,12 +781,12 @@ function ResetPasswordPage() {
               variant: "theme"
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t2("resetPassword.heading") }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: t2("resetPassword.subheading") })
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t("resetPassword.heading") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: t("resetPassword.subheading") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: t2("resetPassword.newPasswordLabel") }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "password", children: t("resetPassword.newPasswordLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -795,7 +811,7 @@ function ResetPasswordPage() {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "confirmPassword", children: t2("resetPassword.confirmPasswordLabel") }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "confirmPassword", children: t("resetPassword.confirmPasswordLabel") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               input.Input,
               {
@@ -814,7 +830,7 @@ function ResetPasswordPage() {
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: t2("resetPassword.requirements") }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: t("resetPassword.requirements") }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -823,7 +839,7 @@ function ResetPasswordPage() {
                     className: `w-4 h-4 ${password.length >= 6 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: t2("resetPassword.requirementMinChars") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: t("resetPassword.requirementMinChars") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -832,7 +848,7 @@ function ResetPasswordPage() {
                     className: `w-4 h-4 ${password === confirmPassword && password.length > 0 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: t2("resetPassword.requirementMatch") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: t("resetPassword.requirementMatch") })
               ] })
             ] })
           ] }),
@@ -840,12 +856,13 @@ function ResetPasswordPage() {
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-4 h-4 flex-shrink-0" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: error })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t2("resetPassword.submitting") : t2("resetPassword.submit") })
+          /* @__PURE__ */ jsxRuntime.jsx(button.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>',
@@ -1174,6 +1191,7 @@ function FilterableMapExample({ apiKey }) {
     ] })
   ] });
 }
+
 function DrawingMapExample({ apiKey }) {
   const [mapInstance, setMapInstance] = React.useState(null);
   const [selectedMode, setSelectedMode] = React.useState(null);
@@ -1290,7 +1308,6 @@ function DrawingMapExample({ apiKey }) {
   }, [mapInstance, colors, cancelPolygonDrawing]);
   const addPolygonPoint = React.useCallback(
     (point) => {
-      var _a;
       if (!mapInstance) return;
       if (!isDrawingPolygon) {
         setIsDrawingPolygon(true);
@@ -1310,7 +1327,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]
@@ -1383,11 +1400,10 @@ function DrawingMapExample({ apiKey }) {
     sonner.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();
         }
@@ -1406,7 +1422,6 @@ function DrawingMapExample({ apiKey }) {
       return;
     }
     const exportData = shapes.map((s) => {
-      var _a, _b;
       let data = {};
       if (s.type === "marker") {
         const marker = s.overlay;
@@ -1419,17 +1434,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;
@@ -1648,6 +1663,7 @@ function DrawingMapExample({ apiKey }) {
     ] })
   ] });
 }
+
 function MapShowcase() {
   const [activeTab, setActiveTab] = React.useState("simple");
   const [isTransitioning, setIsTransitioning] = React.useState(false);
@@ -2043,15 +2059,16 @@ function MapShowcase() {
     ] })
   ] });
 }
+
 function TemplateContent() {
-  const { t: t2 } = reactI18next.useTranslation();
+  const { t } = reactI18next.useTranslation();
   const layout = LayoutContext.useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localSidebarWidth, setLocalSidebarWidth] = React.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));
   reactRouterDom.useNavigate();
   const { data: teamMembers = [], isLoading: teamLoading } = useTeamMembers();
   const progress$1 = useDashboardStore((s) => s.progress);
@@ -2067,7 +2084,7 @@ function TemplateContent() {
   const [showHeaderBreadcrumbs, setShowHeaderBreadcrumbs] = React.useState(true);
   const handleFormSubmit = (e) => {
     e.preventDefault();
-    sonner.toast.success("Form submitted successfully!");
+    sonner.toast.success(t("templates.formSubmitSuccess"));
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2083,8 +2100,8 @@ function TemplateContent() {
             showThemeToggle: true,
             showLanguageSelector: true,
             breadcrumbs: [
-              { label: "Design System", href: "/home", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" }) },
-              { label: "Página de Template" }
+              { label: t("nav.designSystem"), href: "/home", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" }) },
+              { label: t("templates.breadcrumb") }
             ],
             renderLink: (href, props) => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: href, ...props })
           }
@@ -2093,16 +2110,16 @@ function TemplateContent() {
           /* @__PURE__ */ jsxRuntime.jsx(
             alertDialog.PageHeader,
             {
-              title: "Página de Template",
-              subtitle: "Template completo com componentes do Design System"
+              title: t("templates.title"),
+              subtitle: t("templates.subtitle")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Header with Breadcrumbs" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.headerWithBreadcrumbs.sectionTitle") }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Main Header" }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Example of Header with 4-level breadcrumbs" })
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.headerWithBreadcrumbs.cardTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.headerWithBreadcrumbs.cardDescription") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "p-0 border-t bg-background overflow-hidden rounded-b-[var(--radius-lg)]", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -2110,21 +2127,21 @@ function TemplateContent() {
                   {
                     className: "border-b",
                     breadcrumbs: [
-                      { label: "Dashboard", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" }) },
-                      { label: "Settings", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-4 h-4" }) },
-                      { label: "Users", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "w-4 h-4" }) },
-                      { label: "Access Profile" }
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.dashboard"), href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" }) },
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.settings"), href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-4 h-4" }) },
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.users"), href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "w-4 h-4" }) },
+                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.accessProfile") }
                     ],
                     showLanguageSelector: true,
                     showThemeToggle: true
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 min-h-[200px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-lg font-semibold mb-2", children: "Example Content" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-lg font-semibold mb-2", children: t("templates.headerWithBreadcrumbs.exampleContentTitle") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
-                    "Neste exemplo, o componente ",
+                    t("templates.headerWithBreadcrumbs.exampleContentDescriptionPart1"),
                     /* @__PURE__ */ jsxRuntime.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")
                   ] })
                 ] })
               ] })
@@ -2132,42 +2149,42 @@ function TemplateContent() {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Alertas" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.sections.alerts") }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Alert, { variant: "info", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: "Informação" }),
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: "Este é um exemplo de alerta informativo usando os componentes do Design System." })
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: t("templates.alerts.infoTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: t("templates.alerts.infoDescription") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Alert, { variant: "destructive", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: "Erro" }),
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: "Ocorreu um erro ao processar sua solicitação." })
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: t("templates.alerts.errorTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: t("templates.alerts.errorDescription") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Alert, { variant: "success", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: "Sucesso" }),
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: "Operação realizada com sucesso!" })
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: t("templates.alerts.successTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: t("templates.alerts.successDescription") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Alert, { variant: "warning", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: "Aviso" }),
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: "Atenção: Esta ação não pode ser desfeita." })
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: t("templates.alerts.warningTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertDescription, { children: t("templates.alerts.warningDescription") })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Cards & Abas" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.sections.cardsAndTabs") }),
             /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Tabs, { defaultValue: "overview", className: "w-full", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.TabsList, { className: "grid w-full grid-cols-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "overview", children: "Visão Geral" }),
-                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "forms", children: "Formulários" }),
-                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "data", children: "Dados" }),
-                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "settings", children: "Configurações" })
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "overview", children: t("templates.tabs.overview") }),
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "forms", children: t("templates.tabs.forms") }),
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "data", children: t("templates.tabs.data") }),
+                /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "settings", children: t("templates.tabs.settings") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.TabsContent, { value: "overview", className: "space-y-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Total de Usuários" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Últimos 30 dias" })
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("stats.totalUsers") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("stats.last30Days") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "1,234" }),
@@ -2176,8 +2193,8 @@ function TemplateContent() {
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Receita Total" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Mês atual" })
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("stats.totalRevenue") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("stats.currentMonth") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "$ 45.2k" }),
@@ -2186,8 +2203,8 @@ function TemplateContent() {
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Taxa de Conversão" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Semana atual" })
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("stats.conversionRate") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("stats.currentWeek") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "3.2%" }),
@@ -2197,13 +2214,13 @@ function TemplateContent() {
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Progresso & Sliders" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Exemplo de componentes de progresso" })
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.overview.progressTitle") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.overview.progressDescription") })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Progresso do Projeto" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.overview.projectProgress") }),
                         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "[font-size:var(--text-small)] text-muted-foreground", children: [
                           progress$1,
                           "%"
@@ -2232,7 +2249,7 @@ function TemplateContent() {
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Volume" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.overview.volume") }),
                         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "[font-size:var(--text-small)] text-muted-foreground", children: [
                           sliderValue[0],
                           "%"
@@ -2247,7 +2264,7 @@ function TemplateContent() {
                           max: 100,
                           step: 1,
                           className: "w-full",
-                          "aria-label": "Volume"
+                          "aria-label": t("templates.overview.volume")
                         }
                       )
                     ] })
@@ -2256,22 +2273,22 @@ function TemplateContent() {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "forms", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Formulário de Cadastro" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Preencha os campos abaixo para criar uma nova conta" })
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.forms.registrationTitle") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.forms.registrationDescription") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "firstName", children: "Nome" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "firstName", placeholder: "João" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "firstName", children: t("templates.forms.firstName") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "firstName", placeholder: t("templates.forms.firstNamePlaceholder") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "lastName", children: "Sobrenome" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "lastName", placeholder: "Silva" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "lastName", children: t("templates.forms.lastName") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "lastName", placeholder: t("templates.forms.lastNamePlaceholder") })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: "E-mail" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email", children: t("templates.forms.email") }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2279,14 +2296,14 @@ function TemplateContent() {
                         {
                           id: "email",
                           type: "email",
-                          placeholder: "john@example.com",
+                          placeholder: t("templates.forms.emailPlaceholder"),
                           className: "pl-10"
                         }
                       )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "phone", children: "Telefone" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "phone", children: t("templates.forms.phone") }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2294,81 +2311,81 @@ function TemplateContent() {
                         {
                           id: "phone",
                           type: "tel",
-                          placeholder: "(11) 99999-9999",
+                          placeholder: t("templates.forms.phonePlaceholder"),
                           className: "pl-10"
                         }
                       )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "role", children: "Função" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "role", children: t("templates.forms.role") }),
                     /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "role", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Selecione uma função" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "role", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: t("templates.forms.rolePlaceholder") }) }),
                       /* @__PURE__ */ jsxRuntime.jsxs(select.SelectContent, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "developer", children: "Desenvolvedor" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "designer", children: "Designer" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "manager", children: "Gerente" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "analyst", children: "Analista" })
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "developer", children: t("templates.forms.roles.developer") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "designer", children: t("templates.forms.roles.designer") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "manager", children: t("templates.forms.roles.manager") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "analyst", children: t("templates.forms.roles.analyst") })
                       ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "bio", children: "Biografia" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "bio", children: t("templates.forms.bio") }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       richTextEditor.Textarea,
                       {
                         id: "bio",
-                        placeholder: "Conte-nos um pouco sobre você...",
+                        placeholder: t("templates.forms.bioPlaceholder"),
                         rows: 4
                       }
                     )
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h4", { children: "Preferências" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("h4", { children: t("templates.forms.preferences") }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Checkbox, { id: "newsletter" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "newsletter", className: "font-normal", children: "Receber newsletter por e-mail" })
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "newsletter", className: "font-normal", children: t("templates.forms.newsletter") })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Checkbox, { id: "notifications" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "notifications", className: "font-normal", children: "Ativar notificações push" })
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "notifications", className: "font-normal", children: t("templates.forms.pushNotifications") })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Checkbox, { id: "updates" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "updates", className: "font-normal", children: "Receber atualizações sobre novos recursos" })
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "updates", className: "font-normal", children: t("templates.forms.featureUpdates") })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Tipo de Conta" }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.RadioGroup, { defaultValue: "personal", "aria-label": "Tipo de Conta", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.forms.accountType") }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.RadioGroup, { defaultValue: "personal", "aria-label": t("templates.forms.accountType"), children: [
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "personal", id: "personal" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "personal", className: "font-normal", children: "Pessoal" })
+                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "personal", className: "font-normal", children: t("templates.forms.accountPersonal") })
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "business", id: "business" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "business", className: "font-normal", children: "Empresarial" })
+                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "business", className: "font-normal", children: t("templates.forms.accountBusiness") })
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "enterprise", id: "enterprise" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "enterprise", className: "font-normal", children: "Corporativo" })
+                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "enterprise", className: "font-normal", children: t("templates.forms.accountEnterprise") })
                         ] })
                       ] })
                     ] })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: "Cancelar" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: handleFormSubmit, children: "Criar Conta" })
+                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: t("templates.forms.cancel") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: handleFormSubmit, children: t("templates.forms.createAccount") })
                 ] })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "data", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Lista de Usuários" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Gerenciar usuários do sistema" })
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.data.title") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.data.description") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
@@ -2376,19 +2393,19 @@ function TemplateContent() {
                     /* @__PURE__ */ jsxRuntime.jsx(
                       input.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__ */ jsxRuntime.jsx("div", { className: "rounded-[var(--radius-lg)] border border-border overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Table, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.name") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.email") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.role") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t2("team.status") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { className: "text-right", children: t2("team.actions") })
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t("team.name") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t("team.email") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t("team.role") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { children: t("team.status") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableHead, { className: "text-right", children: t("team.actions") })
                     ] }) }),
                     /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableBody, { children: teamLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -2402,36 +2419,36 @@ function TemplateContent() {
                     ] }, i)) }) : teamMembers.map((member) => /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.TableRow, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: member.name }),
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: member.email }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: t2(`team.roles.${member.role}`) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: t(`team.roles.${member.role}`) }),
                       /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
                         progress.Badge,
                         {
                           variant: member.status === "active" ? "default" : member.status === "away" ? "secondary" : "outline",
-                          children: t2(`common.${member.status}`)
+                          children: t(`common.${member.status}`)
                         }
                       ) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: t2("common.edit") }) })
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.TableCell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", children: t("common.edit") }) })
                     ] }, member.id)) })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t2("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: "Previous" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: "Next" })
+                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: t("common.previous") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: t("common.next") })
                   ] })
                 ] })
               ] }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsContent, { value: "settings", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Configurações do Sistema" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Gerenciar configurações gerais" })
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.settings.title") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.settings.description") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "dark-mode", children: "Dark Mode" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Enable dark theme in the interface" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "dark-mode", children: t("templates.settings.darkMode") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("templates.settings.darkModeDescription") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       alertDialog.Switch,
@@ -2445,62 +2462,62 @@ function TemplateContent() {
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email-notifications", children: "Email Notifications" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Receive important updates by email" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email-notifications", children: t("templates.settings.emailNotifications") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("templates.settings.emailNotificationsDescription") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "email-notifications", defaultChecked: true })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "push-notifications", children: "Push Notifications" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Receive instant notifications in the browser" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "push-notifications", children: t("templates.settings.pushNotifications") }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("templates.settings.pushNotificationsDescription") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Switch, { id: "push-notifications" })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Language" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.settings.language") }),
                     /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { defaultValue: "pt-br", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { "aria-label": "Idioma do sistema", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { "aria-label": t("templates.settings.language"), children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
                       /* @__PURE__ */ jsxRuntime.jsxs(select.SelectContent, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "pt-br", children: "Portuguese (Brazil)" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "en", children: "English" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "es", children: "Spanish" })
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "pt-br", children: t("templates.settings.languages.ptBR") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "en", children: t("templates.settings.languages.en") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "es", children: t("templates.settings.languages.es") })
                       ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Time Zone" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.settings.timezone") }),
                     /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { defaultValue: "america-sao-paulo", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { "aria-label": "Fuso horário", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { "aria-label": t("templates.settings.timezone"), children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
                       /* @__PURE__ */ jsxRuntime.jsxs(select.SelectContent, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "america-sao-paulo", children: "America/Sao Paulo (GMT-3)" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "america-new-york", children: "America/New York (GMT-5)" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "europe-london", children: "Europe/London (GMT+0)" })
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "america-sao-paulo", children: t("templates.settings.timezones.saoPaulo") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "america-new-york", children: t("templates.settings.timezones.newYork") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: "europe-london", children: t("templates.settings.timezones.london") })
                       ] })
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: "Restaurar Padrões" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { children: "Salvar Alterações" })
+                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: t("templates.settings.restoreDefaults") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(button.Button, { children: t("templates.settings.saveChanges") })
                 ] })
               ] }) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Botões" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.sections.buttons") }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Variações de Botão" }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Diferentes estilos e tamanhos de botões" })
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.buttons.title") }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.buttons.description") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Variants" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.buttons.variants") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "default", children: "Default" }),
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "secondary", children: "Secondary" }),
@@ -2512,38 +2529,38 @@ function TemplateContent() {
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "Sizes" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.buttons.sizes") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", children: "Small" }),
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "default", children: "Default" }),
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "lg", children: "Large" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "icon", "aria-label": "Configurações", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" }) })
+                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "icon", "aria-label": t("nav.settings"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" }) })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "With Icons" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.buttons.withIcons") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "mr-2 h-4 w-4" }),
-                      "Profile"
+                      t("templates.buttons.profile")
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { variant: "secondary", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "mr-2 h-4 w-4" }),
-                      "Messages"
+                      t("templates.buttons.messages")
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { variant: "outline", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
-                      "Schedule"
+                      t("templates.buttons.schedule")
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: "States" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.buttons.states") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: true, children: "Disabled" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", disabled: true, children: "Outline Disabled" })
+                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: true, children: t("templates.buttons.disabled") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", disabled: true, children: t("templates.buttons.outlineDisabled") })
                   ] })
                 ] })
               ] })
@@ -2551,68 +2568,68 @@ function TemplateContent() {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Badges" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.sections.badges") }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Variações de Badge" }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Estilos diferentes de badge para status e tags" })
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.badges.title") }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.badges.description") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", children: "Padrão" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", children: "Secundário" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", children: "Contorno" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "destructive", children: "Destrutivo" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-success text-success-foreground", children: "Sucesso" }),
-                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-warning text-warning-foreground", children: "Aviso" }),
+                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", children: "Default" }),
+                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "secondary", children: "Secondary" }),
+                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "outline", children: "Outline" }),
+                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "destructive", children: "Destructive" }),
+                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-success text-success-foreground", children: "Success" }),
+                /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-warning text-warning-foreground", children: "Warning" }),
                 /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-info text-info-foreground", children: "Info" })
               ] }) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Diálogos" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.sections.dialogs") }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Diálogo" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Um modal interativo básico" })
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.dialogs.dialogTitle") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.dialogs.dialogDescription") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.Dialog, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: "Editar Perfil" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: t("templates.dialogs.editProfile") }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.DialogContent, { className: "sm:max-w-[425px]", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.DialogHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTitle, { children: "Editar Perfil" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogDescription, { children: "Faça alterações no seu perfil aqui. Clique em salvar quando terminar." })
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogTitle, { children: t("templates.dialogs.editProfile") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogDescription, { children: t("templates.dialogs.editProfileDescription") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 py-4", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "name", className: "text-right", children: "Nome" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "name", className: "text-right", children: t("templates.dialogs.name") }),
                         /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "name", defaultValue: "John Doe", className: "col-span-3" })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "username", className: "text-right", children: "Usuário" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "username", className: "text-right", children: t("templates.dialogs.username") }),
                         /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "username", defaultValue: "@johndoe", className: "col-span-3" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", children: "Atualizar" }) })
+                    /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", children: t("templates.dialogs.update") }) })
                   ] })
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Alerta de Diálogo" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Um alerta para decisões importantes" })
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.dialogs.alertDialogTitle") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.dialogs.alertDialogDescription") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "destructive", children: "Excluir Conta" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "destructive", children: t("templates.dialogs.deleteAccount") }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { className: "sm:max-w-[425px]", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: "Você tem certeza absoluta?" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: "Esta ação não pode ser desfeita. Isso excluirá permanentemente sua conta e removerá seus dados de nossos servidores." })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: t("templates.dialogs.areYouSure") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: t("templates.dialogs.deleteWarning") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: "Cancelar" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Continuar" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { children: t("templates.dialogs.cancel") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: t("templates.dialogs.continue") })
                     ] })
                   ] })
                 ] }) })
@@ -2623,15 +2640,15 @@ function TemplateContent() {
           /* @__PURE__ */ jsxRuntime.jsx("section", { children: /* @__PURE__ */ jsxRuntime.jsx(MapShowcase, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Variações de Cabeçalho" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.headerVariations.sectionTitle") }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Configurações do Cabeçalho Principal" }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "O Header é focado em navegação (breadcrumbs) e ações contextuais rápidas." })
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.headerVariations.cardTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.headerVariations.cardDescription") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-4", children: "Elementos Visíveis" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-4", children: t("templates.headerVariations.visibleElements") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2642,7 +2659,7 @@ function TemplateContent() {
                           onCheckedChange: setShowHeaderActions
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "header-actions", className: "cursor-pointer", children: "Botões de Ação" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "header-actions", className: "cursor-pointer", children: t("templates.headerVariations.actionButtons") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2653,60 +2670,60 @@ function TemplateContent() {
                           onCheckedChange: setShowHeaderBreadcrumbs
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "header-bread", className: "cursor-pointer", children: "Breadcrumbs" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "header-bread", className: "cursor-pointer", children: t("templates.headerVariations.breadcrumbsLabel") })
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative border rounded-[var(--radius-lg)] bg-muted/10 overflow-hidden shadow-inner", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-background/50 border-b text-xs font-mono text-muted-foreground", children: "Visualização" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-background/50 border-b text-xs font-mono text-muted-foreground", children: t("templates.headerVariations.preview") }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     sidebar.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "w-5 h-5" }),
-                          onClick: () => sonner.toast("Notificações abertas")
+                          onClick: () => sonner.toast(t("templates.headerVariations.notificationsOpenedToast"))
                         },
                         {
                           id: "mail",
-                          label: "Mensagens",
+                          label: t("templates.headerVariations.messagesLabel"),
                           icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-5 h-5" }),
-                          onClick: () => sonner.toast("Mensagens abertas")
+                          onClick: () => sonner.toast(t("templates.headerVariations.messagesOpenedToast"))
                         }
                       ] : void 0
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "h-32 flex items-center justify-center text-muted-foreground text-sm italic", children: t("templates.headerVariations.contentArea") })
                 ] })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: "Variações da Sidebar" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.sections.sidebarVariations") }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Sidebar Modo Assistente vs Padrão" }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "A Sidebar suporta flexibilidade através da propriedade variant." })
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.sidebar.title") }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.sidebar.description") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.Tabs, { defaultValue: "assistant", className: "w-full", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.TabsList, { className: "mb-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "assistant", children: "Modo Assistente" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "default", children: "Modo Padrão" })
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "assistant", children: t("templates.sidebar.assistantMode") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.TabsTrigger, { value: "default", children: t("templates.sidebar.defaultMode") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-4", children: "Configurações do Rodapé" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-4", children: t("templates.sidebarControls.footerSettings") }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-6 mt-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2717,7 +2734,7 @@ function TemplateContent() {
                           onCheckedChange: setShowSidebarUser
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-user", className: "cursor-pointer", children: "Perfil do Usuário" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-user", className: "cursor-pointer", children: t("templates.sidebarControls.userProfile") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2728,7 +2745,7 @@ function TemplateContent() {
                           onCheckedChange: setShowSidebarSettings
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-settings", className: "cursor-pointer", children: "Configurações" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-settings", className: "cursor-pointer", children: t("templates.sidebarControls.settings") })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2739,12 +2756,12 @@ function TemplateContent() {
                           onCheckedChange: setShowSidebarLogout
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-logout", className: "cursor-pointer", children: "Botão de Sair" })
+                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "show-logout", className: "cursor-pointer", children: t("templates.sidebarControls.logoutButton") })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 pt-6 border-t", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold", children: "Largura da Sidebar (Desktop)" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold", children: t("templates.sidebarControls.sidebarWidthDesktop") }),
                       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-mono bg-muted px-2 py-1 rounded", children: [
                         sidebarWidth,
                         "px"
@@ -2761,7 +2778,7 @@ function TemplateContent() {
                           max: 450,
                           step: 10,
                           className: "flex-1",
-                          "aria-label": "Largura da Sidebar"
+                          "aria-label": t("templates.sidebarControls.sidebarWidthAriaLabel")
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground w-12", children: "450px" })
@@ -2782,26 +2799,26 @@ function TemplateContent() {
                           onToggle: () => {
                           },
                           user: { email: "admin@xertica.com" },
-                          onLogout: () => sonner.toast("Saiu"),
+                          onLogout: () => sonner.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__ */ jsxRuntime.jsxs("div", { className: "p-2 space-y-2", children: [
-                                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: "Filtrar por Status" }),
+                                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: t("templates.sidebarControls.filterByStatus") }),
                                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2 p-1", children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: "Ativo" }),
+                                  /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: t("templates.sidebarControls.filterActive") }),
                                   /* @__PURE__ */ jsxRuntime.jsx(
                                     progress.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__ */ jsxRuntime.jsx(
@@ -2809,7 +2826,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")
                                     }
                                   )
                                 ] })
@@ -2820,47 +2837,47 @@ function TemplateContent() {
                             show: true,
                             content: /* @__PURE__ */ jsxRuntime.jsxs(button.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__ */ jsxRuntime.jsx(lucideReact.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: lucideReact.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: lucideReact.FileEdit,
-                                      onClick: () => sonner.toast("Abrir renomear...")
+                                      onClick: () => sonner.toast(t("templates.sidebar.actions.renameToast"))
                                     },
                                     {
-                                      label: "Mover",
+                                      label: t("templates.sidebar.actions.move"),
                                       icon: lucideReact.ArrowRightLeft,
                                       children: [
                                         {
-                                          label: "Projetos Ativos",
-                                          onClick: () => sonner.toast("Movido para Projetos Ativos")
+                                          label: t("templates.sidebar.actions.moveActive"),
+                                          onClick: () => sonner.toast(t("templates.sidebar.actions.moveActiveToast"))
                                         },
                                         {
-                                          label: "Monitoramento",
-                                          onClick: () => sonner.toast("Movido para Monitoramento")
+                                          label: t("templates.sidebar.actions.moveMonitoring"),
+                                          onClick: () => sonner.toast(t("templates.sidebar.actions.moveMonitoringToast"))
                                         },
                                         {
-                                          label: "Arquivar",
-                                          onClick: () => sonner.toast("Movido para Arquivo")
+                                          label: t("templates.sidebar.actions.moveArchive"),
+                                          onClick: () => sonner.toast(t("templates.sidebar.actions.moveArchiveToast"))
                                         }
                                       ]
                                     },
                                     {
-                                      label: "Limpar",
+                                      label: t("templates.sidebar.actions.clear"),
                                       icon: lucideReact.Trash2,
-                                      onClick: () => sonner.toast("Histórico Limpo!"),
+                                      onClick: () => sonner.toast(t("templates.sidebar.actions.clearToast")),
                                       variant: "destructive"
                                     }
                                   ]
@@ -2869,24 +2886,24 @@ function TemplateContent() {
                             },
                             {
                               id: "projects",
-                              label: "Monitoramento de Projetos",
+                              label: t("templates.sidebar.constructionMonitoring"),
                               icon: lucideReact.Map,
                               actions: [
                                 {
-                                  label: "Nova Categoria",
+                                  label: t("templates.sidebar.actions.newCategory"),
                                   icon: lucideReact.Plus,
-                                  onClick: () => sonner.toast("Criar nova categoria...")
+                                  onClick: () => sonner.toast(t("templates.sidebar.actions.newCategoryToast"))
                                 },
                                 {
-                                  label: "Arquivar Grupo",
+                                  label: t("templates.sidebar.actions.archiveGroup"),
                                   icon: lucideReact.Archive,
-                                  onClick: () => sonner.toast("Arquivando grupo...")
+                                  onClick: () => sonner.toast(t("templates.sidebar.actions.archiveGroupToast"))
                                 }
                               ],
                               items: [
                                 {
                                   path: "/assistant/br163",
-                                  label: "Restauração BR-163",
+                                  label: t("templates.sidebar.items.br163Restoration"),
                                   icon: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-500" }),
                                   description: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 min-w-[160px]", children: [
                                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2897,7 +2914,7 @@ function TemplateContent() {
                                       }
                                     ),
                                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-[10px] text-sidebar-foreground/60", children: [
-                                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Cuiabá, MT" }),
+                                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("templates.sidebar.items.br163Location") }),
                                       /* @__PURE__ */ jsxRuntime.jsx("span", { children: "67%" })
                                     ] })
                                   ] })
@@ -2917,7 +2934,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__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: "Conteúdo do Modo Assistente" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: t("templates.sidebar.assistantContent") })
                         }
                       )
                     ]
@@ -2941,16 +2958,16 @@ function TemplateContent() {
                             email: "admin@xertica.com",
                             avatar: "https://github.com/shadcn.png"
                           },
-                          onLogout: () => sonner.toast("Saiu"),
-                          onSettingsClick: () => sonner.toast("Configurações clicadas"),
+                          onLogout: () => sonner.toast(t("templates.sidebar.logoutToast")),
+                          onSettingsClick: () => sonner.toast(t("templates.sidebar.settingsClickedToast")),
                           location: { pathname: "/home" },
                           navigate: () => {
                           },
                           variant: "default",
                           routes: [
-                            { path: "/home", label: "Início", icon: lucideReact.Home },
-                            { path: "/dashboard", label: "Dashboard", icon: lucideReact.Users },
-                            { path: "/settings", label: "Configurações", icon: lucideReact.Settings }
+                            { path: "/home", label: t("templates.sidebar.routes.home"), icon: lucideReact.Home },
+                            { path: "/dashboard", label: t("templates.sidebar.routes.dashboard"), icon: lucideReact.Users },
+                            { path: "/settings", label: t("templates.sidebar.routes.settings"), icon: lucideReact.Settings }
                           ],
                           footer: {
                             showUser: showSidebarUser,
@@ -2964,7 +2981,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__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: "Navegação Tradicional do Sistema" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-center", children: t("templates.sidebar.defaultContent") })
                         }
                       )
                     ]
@@ -2976,19 +2993,22 @@ function TemplateContent() {
           /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, { className: "my-8" }),
           /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { className: "mt-8", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: "Template Pronto para CLI" }),
-              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: "Como usar este template" })
+              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: t("templates.footer.title") }),
+              /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.footer.subtitle") })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-4", children: [
               /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(richTextEditor.Alert, { variant: "info", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: "Dica" }),
-                /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.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__ */ jsxRuntime.jsx(richTextEditor.AlertTitle, { children: t("templates.footer.tipTitle") }),
+                /* @__PURE__ */ jsxRuntime.jsxs(richTextEditor.AlertDescription, { children: [
+                  t("templates.footer.tipDescriptionPart1"),
+                  /* @__PURE__ */ jsxRuntime.jsx("code", { className: "bg-muted px-1 rounded", children: "styles/xertica/tokens.css" }),
+                  t("templates.footer.tipDescriptionPart2")
+                ] })
               ] })
             ] })
           ] })
@@ -2997,16 +3017,17 @@ function TemplateContent() {
     }
   );
 }
+
 function TemplatePage() {
   const { user, logout } = useAuth();
   const layout = LayoutContext.useOptionalLayout();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localAssistantExpanded, setLocalAssistantExpanded] = React.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 = reactRouterDom.useLocation();
   const navigate = reactRouterDom.useNavigate();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen flex bg-muted overflow-hidden relative", children: [
@@ -3040,12 +3061,12 @@ function TemplatePage() {
     )
   ] });
 }
+
 function VerifyEmailPage() {
-  var _a;
   const navigate = reactRouterDom.useNavigate();
   const location = reactRouterDom.useLocation();
-  const { t: t2 } = reactI18next.useTranslation();
-  const email = ((_a = location.state) == null ? void 0 : _a.email) || "your@email.com";
+  const { t } = reactI18next.useTranslation();
+  const email = location.state?.email || "your@email.com";
   const [isResending, setIsResending] = React.useState(false);
   const [resendSuccess, setResendSuccess] = React.useState(false);
   const handleResend = async () => {
@@ -3064,7 +3085,7 @@ function VerifyEmailPage() {
         alertDialog.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"
         }
       ),
@@ -3083,23 +3104,23 @@ function VerifyEmailPage() {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-primary/10 rounded-[var(--radius)]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "w-12 h-12 text-primary" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t2("verifyEmail.heading") }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: t2("verifyEmail.instructionsSent") }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm text-muted-foreground", children: t("verifyEmail.heading") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: t("verifyEmail.instructionsSent") }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-primary", children: email })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t2("verifyEmail.instructions") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("verifyEmail.instructions") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--chart-2)]" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: t2("verifyEmail.checkSpam") })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: t("verifyEmail.checkSpam") })
           ] })
         ] }),
         resendSuccess && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "w-5 h-5 text-[var(--chart-2)] flex-shrink-0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-[var(--chart-2)]", children: t2("verifyEmail.resentSuccess") })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-[var(--chart-2)]", children: t("verifyEmail.resentSuccess") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-muted-foreground", children: t2("verifyEmail.notReceived") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-muted-foreground", children: t("verifyEmail.notReceived") }),
           /* @__PURE__ */ jsxRuntime.jsx(
             button.Button,
             {
@@ -3107,7 +3128,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__ */ jsxRuntime.jsxs(
@@ -3119,14 +3140,14 @@ function VerifyEmailPage() {
               className: "w-full text-muted-foreground hover:text-foreground",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "w-4 h-4 mr-2" }),
-                t2("verifyEmail.backToLogin")
+                t("verifyEmail.backToLogin")
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t2("login.orContinueWith") }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3168,7 +3189,7 @@ function VerifyEmailPage() {
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGoogle") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithGoogle") })
               ]
             }
           ),
@@ -3181,7 +3202,7 @@ function VerifyEmailPage() {
               onClick: () => handleSocialLogin(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithMTLogin") })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithMTLogin") })
               ]
             }
           ),
@@ -3192,7 +3213,7 @@ function VerifyEmailPage() {
               variant: "outline",
               className: "w-full justify-center font-normal",
               onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t2("login.signInWithGovBr") })
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithGovBr") })
             }
           )
         ] })
@@ -3200,6 +3221,7 @@ function VerifyEmailPage() {
     ] })
   ] });
 }
+
 exports.ForgotPasswordPage = ForgotPasswordPage;
 exports.HomeContent = HomeContent;
 exports.HomePage = HomePage;