xertica-ui 2.5.3 → 2.7.0

package/dist/VerifyEmailPage-BJjAMUTW.js

@@ -1,3223 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default, { useState, createContext, useContext, useMemo, useRef, useCallback, useEffect } from 'react';
-import { B as Button, c as cn } from './button-DZHzN1Gd.js';
-import { I as Input, S as ScrollArea } from './input-cc-PTD4R.js';
-import { I as ImageWithFallback, L as Label, P as PageHeader, M as Map, C as Checkbox, S as Separator, T as Tabs, p as TabsList, q as TabsTrigger, o as TabsContent, n as Switch, R as RadioGroup, m as RadioGroupItem, A as AlertDialog, j as AlertDialogTrigger, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction } from './alert-dialog-DqlRW_An.js';
-import { L as LanguageSelector, X as XerticaLogo } from './XerticaXLogo-mqjoBiLI.js';
-import { ArrowLeft, Lock, FileText, Home, CheckCircle2, AlertCircle, Coffee, ShoppingBag, Landmark, Hotel, Utensils, MapPin, Filter, X, MousePointer2, Circle, Square, Hexagon, Undo, Trash2, Save, Check, Pencil, Layers, Settings, Users, Mail, Phone, Search, User, Calendar, Bell, FileEdit, ArrowRightLeft, Clock, Plus, Archive, Map as Map$1 } from 'lucide-react';
-import { useNavigate, Link, useLocation } from 'react-router-dom';
-import { H as Header, S as Sidebar } from './sidebar-3XyzjVBw.js';
-import { C as Card, e as CardHeader, f as CardTitle, b as CardContent, d as CardFooter, c as CardDescription, S as Skeleton } from './skeleton-DtR5tkYe.js';
-import { B as Badge, P as Progress } from './progress-C7Lti5wo.js';
-import { a as useOptionalLayout } from './LayoutContext-DNl1xSoX.js';
-import { u as useLanguage } from './ThemeContext-x_F2zsnv.js';
-import { useQuery } from '@tanstack/react-query';
-import { useTranslation } from 'react-i18next';
-import { F as FeatureCardSkeleton } from './FeatureCardSkeleton-DZqc96mt.js';
-import { X as XerticaAssistant, g as gerarResposta } from './xertica-assistant-B687qEPU.js';
-import i18n from 'i18next';
-import { k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, A as Alert, b as AlertTitle, a as AlertDescription, V as Textarea, T as Table, Q as TableHeader, U as TableRow, O as TableHead, K as TableBody, M as TableCell, u as DialogTrigger, p as DialogFooter } from './rich-text-editor-DqLICivI.js';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from './select-D-xvCZK2.js';
-import { S as Slider } from './slider-DQCNUUMj.js';
-import { toast } from 'sonner';
-import { create } from 'zustand';
-
-function ForgotPasswordPage() {
-  const navigate = useNavigate();
-  const [email, setEmail] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsLoading(true);
-    await new Promise((resolve) => setTimeout(resolve, 1500));
-    navigate("/verify-email", { state: { email } });
-    setIsLoading(false);
-  };
-  const handleSocialLogin = (_provider) => {
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        ImageWithFallback,
-        {
-          src: "https://images.unsplash.com/photo-1557804506-669a67965ba0?w=1200&h=800&fit=crop&auto=format",
-          alt: "Segurança e tecnologia",
-          className: "absolute inset-0 w-full h-full object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsx(LanguageSelector, { variant: "minimal", showIcon: false }) }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
-        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(
-            XerticaLogo,
-            {
-              className: "h-12 w-auto text-primary dark:text-foreground",
-              variant: "theme"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: "Recuperar senha" }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: "Digite seu e-mail e enviaremos as instruções para redefinir sua senha" })
-        ] }),
-        /* @__PURE__ */ jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ jsxs("div", { className: "form-group space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "form-label", children: "E-mail" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                name: "email",
-                type: "email",
-                required: true,
-                className: "w-full",
-                placeholder: "seu@email.com",
-                value: email,
-                onChange: (e) => setEmail(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Enviando..." : "Enviar instruções" }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                type: "button",
-                onClick: () => navigate("/login"),
-                variant: "outline",
-                className: "w-full text-muted-foreground hover:text-foreground",
-                children: [
-                  /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4 mr-2" }),
-                  "Voltar para o login"
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: "ou continue com" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center",
-              onClick: () => handleSocialLogin(),
-              children: [
-                /* @__PURE__ */ jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#EA4335",
-                      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#4285F4",
-                      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#FBBC05",
-                      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#34A853",
-                      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
-                ] }),
-                /* @__PURE__ */ jsx("span", { children: "Entrar com Google" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center",
-              onClick: () => handleSocialLogin(),
-              children: [
-                /* @__PURE__ */ jsx(Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsx("span", { children: "Entrar com MT Login" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center font-normal",
-              onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsxs("span", { children: [
-                "Entrar com ",
-                /* @__PURE__ */ jsx("strong", { className: "font-semibold", children: "gov.br" })
-              ] })
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-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" },
-  { id: "2", name: "Bruno Costa", email: "bruno.costa@example.com", role: "Designer", status: "active" },
-  { id: "3", name: "Carla Oliveira", email: "carla.oliveira@example.com", role: "Manager", status: "away" },
-  { id: "4", name: "Diego Santos", email: "diego.santos@example.com", role: "Analyst", status: "inactive" }
-];
-async function fetchTeamMembers() {
-  await new Promise((resolve) => setTimeout(resolve, 250));
-  return MOCK_TEAM_MEMBERS;
-}
-async function fetchFeatureCards() {
-  await new Promise((resolve) => setTimeout(resolve, 100));
-  return [
-    {
-      id: "template-cli",
-      title: t("home.templateCliTitle"),
-      description: t("home.templateCliDescription"),
-      badge: t("home.templateClibadge"),
-      href: "/template"
-    }
-  ];
-}
-
-function useTeamMembers() {
-  const { language } = useLanguage();
-  return useQuery({
-    // Language is part of the key so each locale has its own cache slot.
-    queryKey: ["home", "team-members", language],
-    queryFn: fetchTeamMembers,
-    staleTime: 2 * 60 * 1e3
-    // 2 min
-  });
-}
-
-function useFeatureCards() {
-  const { language } = useLanguage();
-  return useQuery({
-    // Language is part of the key so each locale has its own cache slot.
-    queryKey: ["home", "feature-cards", language],
-    queryFn: fetchFeatureCards,
-    staleTime: 10 * 60 * 1e3
-    // 10 min — feature list is fairly static
-  });
-}
-
-const useDashboardStore = create((set) => ({
-  // Filters
-  activeTab: "overview",
-  setActiveTab: (tab) => set({ activeTab: tab }),
-  // UI toggles
-  statsExpanded: true,
-  toggleStats: () => set((state) => ({ statsExpanded: !state.statsExpanded })),
-  // Showcase controls
-  progress: 45,
-  setProgress: (value) => set({ progress: value }),
-  sliderValue: [50],
-  setSliderValue: (value) => set({ sliderValue: value }),
-  switchEnabled: false,
-  toggleSwitch: () => set((state) => ({ switchEnabled: !state.switchEnabled }))
-}));
-
-function isDev() {
-  return false;
-}
-function SectionErrorFallback({ error, reset }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "alert",
-      className: "flex flex-col items-center justify-center gap-3 p-6 rounded-[var(--radius-lg)] border border-destructive/30 bg-destructive/5 text-center",
-      children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            className: "text-destructive shrink-0",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-              /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Não foi possível carregar este conteúdo" }),
-          isDev()
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: reset,
-            className: "inline-flex items-center px-3 py-1.5 text-xs rounded-[var(--radius-button)] border border-border bg-background hover:bg-accent hover:text-accent-foreground transition-colors",
-            children: "Tentar novamente"
-          }
-        )
-      ]
-    }
-  );
-}
-
-class ErrorBoundary extends React__default.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
-    this.reset = this.reset.bind(this);
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  componentDidCatch(error, info) {
-    this.props.onError?.(error, info);
-  }
-  componentDidUpdate(prevProps) {
-    if (!this.state.hasError) return;
-    const { resetKeys } = this.props;
-    if (!resetKeys?.length) return;
-    const prevKeys = prevProps.resetKeys ?? [];
-    const changed = resetKeys.some((key, i) => key !== prevKeys[i]);
-    if (changed) this.reset();
-  }
-  reset() {
-    this.setState({ hasError: false, error: null });
-  }
-  render() {
-    const { hasError, error } = this.state;
-    const { children, fallback: Fallback } = this.props;
-    if (hasError && error) {
-      return /* @__PURE__ */ jsx(Fallback, { error, reset: this.reset });
-    }
-    return children;
-  }
-}
-function SectionErrorBoundary({ children, onError, resetKeys }) {
-  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: SectionErrorFallback, onError, resetKeys, children });
-}
-
-function HomeContent() {
-  const { t } = useTranslation();
-  const layout = useOptionalLayout();
-  const sidebarExpanded = layout?.sidebarExpanded ?? false;
-  const sidebarWidth = layout?.sidebarWidth ?? 256;
-  const navigate = useNavigate();
-  const { data: featureCards = [], isLoading } = useFeatureCards();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        paddingLeft: sidebarExpanded ? `${sidebarWidth}px` : SIDEBAR_COLLAPSED_WIDTH
-      },
-      className: "flex-1 flex flex-col overflow-hidden transition-all duration-300",
-      children: [
-        /* @__PURE__ */ jsx(
-          Header,
-          {
-            showThemeToggle: true,
-            showLanguageSelector: true,
-            breadcrumbs: [
-              { label: t("nav.designSystem"), href: "/home" },
-              { label: t("nav.home") }
-            ],
-            renderLink: (href, props) => /* @__PURE__ */ jsx(Link, { to: href, ...props })
-          }
-        ),
-        /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsx("div", { className: "p-5 sm:p-4 md:p-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto space-y-8", children: [
-          /* @__PURE__ */ jsx(
-            PageHeader,
-            {
-              title: t("home.welcome"),
-              subtitle: t("home.subtitle")
-            }
-          ),
-          /* @__PURE__ */ jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(FeatureCardSkeleton, { showAction: true }),
-            /* @__PURE__ */ jsx(FeatureCardSkeleton, { showAction: true }),
-            /* @__PURE__ */ jsx(FeatureCardSkeleton, { showAction: true })
-          ] }) : featureCards.map((card) => /* @__PURE__ */ jsxs(
-            Card,
-            {
-              className: "hover:shadow-xl transition-shadow duration-200 flex flex-col h-full",
-              children: [
-                /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsx("div", { className: "p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]", children: /* @__PURE__ */ jsx(FileText, { className: "w-6 h-6 text-[var(--chart-2)]" }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: t(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
-                    card.badge && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-xs", children: t(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsx(CardContent, { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
-                /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "outline",
-                    className: "w-full",
-                    onClick: () => navigate(card.href),
-                    children: t("common.view")
-                  }
-                ) })
-              ]
-            },
-            card.id
-          )) }) })
-        ] }) }) }) })
-      ]
-    }
-  );
-}
-
-const routes = [
-  { path: "/home", label: "Home", icon: Home },
-  { path: "/template", label: "Template", icon: FileText }
-];
-
-const AuthContext = createContext(null);
-function useAuth() {
-  const ctx = useContext(AuthContext);
-  if (!ctx) throw new Error("useAuth must be used within <AuthProvider>");
-  return ctx;
-}
-
-async function fetchAssistantConfig() {
-  await new Promise((resolve) => setTimeout(resolve, 150));
-  const t = (key) => i18n.t(key);
-  return {
-    suggestions: [
-      { 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: 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: [
-      t("assistant.feedback.notWhatIWanted"),
-      t("assistant.feedback.incorrectInfo"),
-      t("assistant.feedback.incompleteAnswer")
-    ]
-  };
-}
-function getMockRichSuggestions() {
-  return [
-    { id: "rich-1", text: i18n.t("assistant.richSuggestions.viewPerformance") },
-    { id: "rich-2", text: i18n.t("assistant.richSuggestions.generateReport") },
-    { id: "rich-3", text: i18n.t("assistant.richSuggestions.createDocument") },
-    { id: "rich-4", text: i18n.t("assistant.richSuggestions.generatePodcast") }
-  ];
-}
-function getMockFeedbackOptions() {
-  return [
-    i18n.t("assistant.feedback.notWhatIWanted"),
-    i18n.t("assistant.feedback.incorrectInfo"),
-    i18n.t("assistant.feedback.incompleteAnswer")
-  ];
-}
-
-function useAssistantConfig() {
-  const { language } = useLanguage();
-  return useQuery({
-    // Language is part of the key so each locale has its own cache slot.
-    queryKey: ["assistant", "config", language],
-    queryFn: fetchAssistantConfig,
-    staleTime: 30 * 60 * 1e3
-    // 30 min — config rarely changes
-  });
-}
-
-function HomePage() {
-  const { user, logout } = useAuth();
-  const layout = useOptionalLayout();
-  const [localSidebarExpanded, setLocalSidebarExpanded] = React__default.useState(false);
-  const [localAssistantExpanded, setLocalAssistantExpanded] = React__default.useState(false);
-  const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
-  const sidebarWidth = layout?.sidebarWidth ?? 280;
-  const assistenteExpanded = layout?.assistenteExpanded ?? localAssistantExpanded;
-  const toggleSidebar = layout?.toggleSidebar ?? (() => setLocalSidebarExpanded((value) => !value));
-  const toggleAssistente = layout?.toggleAssistente ?? (() => setLocalAssistantExpanded((value) => !value));
-  const location = useLocation();
-  const navigate = useNavigate();
-  const { data: assistantConfig } = useAssistantConfig();
-  return /* @__PURE__ */ jsxs("div", { className: "h-screen flex bg-muted overflow-hidden relative", children: [
-    /* @__PURE__ */ jsx(
-      Sidebar,
-      {
-        expanded: sidebarExpanded,
-        width: sidebarWidth,
-        onToggle: toggleSidebar,
-        user: {
-          ...user,
-          name: "Ariel Santos",
-          avatar: "https://github.com/shadcn.png"
-        },
-        onLogout: logout,
-        onSettingsClick: () => navigate("/settings"),
-        location,
-        navigate,
-        routes
-      }
-    ),
-    /* @__PURE__ */ jsx(HomeContent, {}),
-    /* @__PURE__ */ jsx(
-      XerticaAssistant,
-      {
-        isExpanded: assistenteExpanded,
-        onToggle: toggleAssistente,
-        defaultTab: "chat",
-        demoMode: true,
-        responseGenerator: gerarResposta,
-        suggestions: assistantConfig?.suggestions,
-        richSuggestions: assistantConfig?.richSuggestions ?? getMockRichSuggestions(),
-        feedbackOptions: assistantConfig?.feedbackOptions ?? getMockFeedbackOptions(),
-        onEvaluation: () => {
-        }
-      }
-    )
-  ] });
-}
-
-function LoginPage({ onLogin }) {
-  const navigate = useNavigate();
-  const { t } = useTranslation();
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState("");
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setIsLoading(true);
-    await new Promise((resolve) => setTimeout(resolve, 1e3));
-    const success = onLogin(email, password);
-    if (!success) {
-      setError(t("login.errorFillFields"));
-    }
-    setIsLoading(false);
-  };
-  const handleSocialLogin = (_provider) => {
-    onLogin("social@user.com", "social-auth");
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        ImageWithFallback,
-        {
-          src: "https://images.unsplash.com/photo-1551434678-e076c223a692?w=1200&h=800&fit=crop&auto=format",
-          alt: t("login.heroImageAlt"),
-          className: "absolute inset-0 w-full h-full object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsx(LanguageSelector, { variant: "minimal", showIcon: false }) }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
-        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(
-            XerticaLogo,
-            {
-              className: "h-12 w-auto text-primary dark:text-foreground",
-              variant: "theme"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t("login.heading") })
-        ] }),
-        /* @__PURE__ */ jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("login.emailLabel") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "email",
-                name: "email",
-                type: "email",
-                required: true,
-                className: "w-full",
-                placeholder: t("login.emailPlaceholder"),
-                value: email,
-                onChange: (e) => setEmail(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t("login.passwordLabel") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "password",
-                name: "password",
-                type: "password",
-                required: true,
-                className: "w-full",
-                placeholder: "••••••••",
-                value: password,
-                onChange: (e) => setPassword(e.target.value)
-              }
-            )
-          ] }),
-          error && /* @__PURE__ */ jsx("div", { className: "text-destructive text-sm text-center", children: error }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? t("login.submitting") : t("login.submit") }),
-          /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => navigate("/forgot-password"),
-              className: "text-sm text-primary hover:opacity-80 transition-colors",
-              children: t("login.forgotPassword")
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center",
-              onClick: () => handleSocialLogin(),
-              children: [
-                /* @__PURE__ */ jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#EA4335",
-                      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#4285F4",
-                      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#FBBC05",
-                      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#34A853",
-                      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
-                ] }),
-                /* @__PURE__ */ jsx("span", { children: t("login.signInWithGoogle") })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center",
-              onClick: () => handleSocialLogin(),
-              children: [
-                /* @__PURE__ */ jsx(Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsx("span", { children: t("login.signInWithMTLogin") })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center font-normal",
-              onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsx("span", { children: t("login.signInWithGovBr") })
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-function ResetPasswordPage() {
-  const navigate = useNavigate();
-  const { t } = useTranslation();
-  const [password, setPassword] = useState("");
-  const [confirmPassword, setConfirmPassword] = useState("");
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState("");
-  const [passwordStrength, setPasswordStrength] = useState(
-    null
-  );
-  const checkPasswordStrength = (pwd) => {
-    if (pwd.length === 0) {
-      setPasswordStrength(null);
-      return;
-    }
-    if (pwd.length < 6) {
-      setPasswordStrength("weak");
-    } else if (pwd.length < 10) {
-      setPasswordStrength("medium");
-    } else {
-      setPasswordStrength("strong");
-    }
-  };
-  const handlePasswordChange = (value) => {
-    setPassword(value);
-    checkPasswordStrength(value);
-    setError("");
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    if (password.length < 6) {
-      setError(t("resetPassword.errorMinLength"));
-      return;
-    }
-    if (password !== confirmPassword) {
-      setError(t("resetPassword.errorMismatch"));
-      return;
-    }
-    setIsLoading(true);
-    await new Promise((resolve) => setTimeout(resolve, 1500));
-    navigate("/login", { state: { resetSuccess: true } });
-    setIsLoading(false);
-  };
-  const getStrengthColor = () => {
-    switch (passwordStrength) {
-      case "weak":
-        return "text-destructive";
-      case "medium":
-        return "text-[var(--chart-3)]";
-      case "strong":
-        return "text-[var(--chart-2)]";
-      default:
-        return "text-muted-foreground";
-    }
-  };
-  const getStrengthText = () => {
-    switch (passwordStrength) {
-      case "weak":
-        return t("resetPassword.strengthWeak");
-      case "medium":
-        return t("resetPassword.strengthMedium");
-      case "strong":
-        return t("resetPassword.strengthStrong");
-      default:
-        return "";
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        ImageWithFallback,
-        {
-          src: "https://images.unsplash.com/photo-1555949963-aa79dcee981c?w=1200&h=800&fit=crop&auto=format",
-          alt: t("resetPassword.heroImageAlt"),
-          className: "absolute inset-0 w-full h-full object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsx(LanguageSelector, { variant: "minimal", showIcon: false }) }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => navigate("/login"),
-            className: "flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
-            children: [
-              /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsx("span", { className: "text-small", children: t("resetPassword.backToLogin") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(
-            XerticaLogo,
-            {
-              className: "h-12 w-auto text-primary dark:text-foreground",
-              variant: "theme"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t("resetPassword.heading") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t("resetPassword.subheading") })
-        ] }),
-        /* @__PURE__ */ jsxs("form", { className: "space-y-6", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t("resetPassword.newPasswordLabel") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "password",
-                name: "password",
-                type: "password",
-                required: true,
-                className: "w-full",
-                placeholder: "••••••••",
-                value: password,
-                onChange: (e) => handlePasswordChange(e.target.value)
-              }
-            ),
-            passwordStrength && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex-1 h-1 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `h-full transition-all duration-300 ${passwordStrength === "weak" ? "w-1/3 bg-destructive" : passwordStrength === "medium" ? "w-2/3 bg-[var(--chart-3)]" : "w-full bg-[var(--chart-2)]"}`
-                }
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: `text-small ${getStrengthColor()}`, children: getStrengthText() })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: t("resetPassword.confirmPasswordLabel") }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "confirmPassword",
-                name: "confirmPassword",
-                type: "password",
-                required: true,
-                className: "w-full",
-                placeholder: "••••••••",
-                value: confirmPassword,
-                onChange: (e) => {
-                  setConfirmPassword(e.target.value);
-                  setError("");
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("resetPassword.requirements") }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  CheckCircle2,
-                  {
-                    className: `w-4 h-4 ${password.length >= 6 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("resetPassword.requirementMinChars") })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  CheckCircle2,
-                  {
-                    className: `w-4 h-4 ${password === confirmPassword && password.length > 0 ? "text-[var(--chart-2)]" : "text-muted-foreground"}`
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("resetPassword.requirementMatch") })
-              ] })
-            ] })
-          ] }),
-          error && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-destructive bg-destructive/10 rounded-[var(--radius)] p-3", children: [
-            /* @__PURE__ */ jsx(AlertCircle, { className: "w-4 h-4 flex-shrink-0" }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm", children: error })
-          ] }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? 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>',
-    hotel: '<path d="M18 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z"></path><path d="M8 6h8"></path><path d="M8 10h8"></path><path d="M8 14h8"></path><path d="M8 18h8"></path>',
-    landmark: '<path d="m3 21 18-18"></path><path d="M9 15V6h6v9"></path><path d="M12 3v3"></path><path d="M3 15h18"></path><path d="M6 21v-6"></path><path d="M18 21v-6"></path>',
-    shopping: '<path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path>',
-    coffee: '<path d="M17 8h1a4 4 0 1 1 0 8h-1"></path><path d="M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"></path><line x1="6" x2="6" y1="2" y2="4"></line><line x1="10" x2="10" y1="2" y2="4"></line><line x1="14" x2="14" y1="2" y2="4"></line>'
-  };
-  const path = iconPaths[iconName] || "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">${path}</svg>`;
-}
-const markerGroups = {
-  restaurant: {
-    id: "restaurant",
-    name: "Restaurantes",
-    color: "var(--destructive)",
-    // red
-    iconColor: "#FFFFFF",
-    // white para contraste
-    iconName: "utensils",
-    icon: Utensils
-  },
-  hotel: {
-    id: "hotel",
-    name: "Hotéis",
-    color: "var(--info)",
-    // blue
-    iconColor: "#FFFFFF",
-    iconName: "hotel",
-    icon: Hotel
-  },
-  landmark: {
-    id: "landmark",
-    name: "Pontos Turísticos",
-    color: "var(--success)",
-    // green
-    iconColor: "#FFFFFF",
-    iconName: "landmark",
-    icon: Landmark
-  },
-  shopping: {
-    id: "shopping",
-    name: "Compras",
-    color: "var(--warning)",
-    // orange
-    iconColor: "#FFFFFF",
-    iconName: "shopping",
-    icon: ShoppingBag
-  },
-  cafe: {
-    id: "cafe",
-    name: "Cafeterias",
-    color: "var(--primary)",
-    // purple
-    iconColor: "#FFFFFF",
-    iconName: "coffee",
-    icon: Coffee
-  }
-};
-const sampleLocations = [
-  // Restaurantes
-  {
-    position: { lat: -23.5505, lng: -46.6333 },
-    title: "Restaurante Italiano",
-    info: "Melhor pizza da cidade",
-    group: "restaurant"
-  },
-  {
-    position: { lat: -23.5485, lng: -46.635 },
-    title: "Sushi Bar",
-    info: "Comida japonesa autêntica",
-    group: "restaurant"
-  },
-  {
-    position: { lat: -23.552, lng: -46.631 },
-    title: "Churrascaria Premium",
-    info: "Rodízio tradicional brasileiro",
-    group: "restaurant"
-  },
-  // Hotéis
-  {
-    position: { lat: -23.5475, lng: -46.6361 },
-    title: "Hotel Luxo",
-    info: "5 estrelas - Vista panorâmica",
-    group: "hotel"
-  },
-  {
-    position: { lat: -23.553, lng: -46.634 },
-    title: "Hotel Boutique",
-    info: "Design moderno e aconchegante",
-    group: "hotel"
-  },
-  // Pontos Turísticos
-  {
-    position: { lat: -23.5613, lng: -46.6563 },
-    title: "Parque Ibirapuera",
-    info: "Maior parque urbano da cidade",
-    group: "landmark"
-  },
-  {
-    position: { lat: -23.5558, lng: -46.6396 },
-    title: "MASP",
-    info: "Museu de Arte de São Paulo",
-    group: "landmark"
-  },
-  {
-    position: { lat: -23.5489, lng: -46.6388 },
-    title: "Avenida Paulista",
-    info: "Centro financeiro e cultural",
-    group: "landmark"
-  },
-  // Shopping
-  {
-    position: { lat: -23.5465, lng: -46.64 },
-    title: "Shopping Center",
-    info: "Mais de 300 lojas",
-    group: "shopping"
-  },
-  {
-    position: { lat: -23.554, lng: -46.638 },
-    title: "Galeria de Arte",
-    info: "Arte contemporânea e design",
-    group: "shopping"
-  },
-  // Cafeterias
-  {
-    position: { lat: -23.5495, lng: -46.6345 },
-    title: "Café Artesanal",
-    info: "Café especial e brunch",
-    group: "cafe"
-  },
-  {
-    position: { lat: -23.551, lng: -46.637 },
-    title: "Coffee House",
-    info: "Café gourmet e wi-fi",
-    group: "cafe"
-  },
-  {
-    position: { lat: -23.5525, lng: -46.6355 },
-    title: "Café Cultural",
-    info: "Livros e café",
-    group: "cafe"
-  }
-];
-function FilterableMapExample({ apiKey }) {
-  const [activeFilters, setActiveFilters] = useState(
-    new Set(Object.keys(markerGroups))
-  );
-  const [showFilters, setShowFilters] = useState(true);
-  const filteredLocations = useMemo(() => {
-    return sampleLocations.filter((location) => activeFilters.has(location.group));
-  }, [activeFilters]);
-  const toggleFilter = (groupId) => {
-    setActiveFilters((prev) => {
-      const newFilters = new Set(prev);
-      if (newFilters.has(groupId)) {
-        newFilters.delete(groupId);
-      } else {
-        newFilters.add(groupId);
-      }
-      return newFilters;
-    });
-  };
-  const toggleAll = () => {
-    if (activeFilters.size === Object.keys(markerGroups).length) {
-      setActiveFilters(/* @__PURE__ */ new Set());
-    } else {
-      setActiveFilters(new Set(Object.keys(markerGroups)));
-    }
-  };
-  const markersWithCustomization = filteredLocations.map((location) => ({
-    ...location,
-    customColor: markerGroups[location.group].color,
-    iconSvg: createLucideIconSvg(markerGroups[location.group].iconName),
-    iconColor: markerGroups[location.group].iconColor
-  }));
-  const getGroupCount = (groupId) => {
-    return sampleLocations.filter((loc) => loc.group === groupId).length;
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5 text-primary" }),
-        /* @__PURE__ */ jsx("h3", { children: "Filtro por Categorias" })
-      ] }),
-      /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
-        filteredLocations.length,
-        " de ",
-        sampleLocations.length,
-        " locais"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Use os filtros compactos no canto superior esquerdo do mapa para visualizar marcadores por categoria" }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        Map,
-        {
-          center: { lat: -23.5505, lng: -46.6333 },
-          zoom: 14,
-          markers: markersWithCustomization,
-          height: "500px",
-          zoomControl: true,
-          fullscreenControl: true,
-          apiKey
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "absolute top-4 left-4 z-10 transition-all duration-300",
-            showFilters ? "translate-x-0" : "-translate-x-full"
-          ),
-          children: /* @__PURE__ */ jsxs("div", { className: "p-2.5 rounded-lg shadow-[var(--shadow-elevation-sm)] bg-card border border-border max-w-[220px]", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx(Filter, { className: "w-3.5 h-3.5 text-foreground" }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: "Filtros" })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "sm",
-                  variant: "ghost",
-                  onClick: () => setShowFilters(false),
-                  className: "h-5 w-5 p-0",
-                  children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 py-0.5", children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    id: "filter-all",
-                    checked: activeFilters.size === Object.keys(markerGroups).length,
-                    onCheckedChange: toggleAll
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  Label,
-                  {
-                    htmlFor: "filter-all",
-                    className: "flex items-center gap-1.5 cursor-pointer text-sm",
-                    children: [
-                      /* @__PURE__ */ jsx(MapPin, { className: "w-3.5 h-3.5" }),
-                      "Todos",
-                      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs h-4 px-1", children: sampleLocations.length })
-                    ]
-                  }
-                )
-              ] }),
-              Object.entries(markerGroups).map(([id, group]) => {
-                const groupId = id;
-                const Icon = group.icon;
-                const isActive = activeFilters.has(groupId);
-                const count = getGroupCount(groupId);
-                return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 py-0.5", children: [
-                  /* @__PURE__ */ jsx(
-                    Checkbox,
-                    {
-                      id: `filter-${id}`,
-                      checked: isActive,
-                      onCheckedChange: () => toggleFilter(groupId)
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    Label,
-                    {
-                      htmlFor: `filter-${id}`,
-                      className: "flex items-center gap-1.5 cursor-pointer text-sm",
-                      children: [
-                        /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5", style: { color: group.color } }),
-                        /* @__PURE__ */ jsx("span", { className: isActive ? "text-foreground" : "text-muted-foreground", children: group.name }),
-                        /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs h-4 px-1", children: count })
-                      ]
-                    }
-                  )
-                ] }, id);
-              })
-            ] })
-          ] })
-        }
-      ),
-      !showFilters && /* @__PURE__ */ jsxs(
-        Button,
-        {
-          size: "sm",
-          onClick: () => setShowFilters(true),
-          className: "absolute top-4 left-4 z-10 h-8 bg-primary text-primary-foreground",
-          children: [
-            /* @__PURE__ */ jsx(Filter, { className: "w-3.5 h-3.5 mr-1.5" }),
-            "Filtros"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3 justify-center pt-2 border-t border-border", children: Object.entries(markerGroups).map(([id, group]) => {
-      const Icon = group.icon;
-      const count = getGroupCount(id);
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: group.color } }),
-        /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4", style: { color: group.color } }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm", style: { color: "var(--foreground)" }, children: group.name }),
-        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs h-5", children: count })
-      ] }, id);
-    }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-center p-3 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Total de Locais" }),
-        /* @__PURE__ */ jsx("p", { className: "text-2xl text-foreground", children: sampleLocations.length })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-center p-3 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Visíveis" }),
-        /* @__PURE__ */ jsx("p", { className: "text-2xl text-primary", children: filteredLocations.length })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-center p-3 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Categorias" }),
-        /* @__PURE__ */ jsx("p", { className: "text-2xl text-foreground", children: Object.keys(markerGroups).length })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-center p-3 rounded-lg bg-muted", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Filtros Ativos" }),
-        /* @__PURE__ */ jsx("p", { className: "text-2xl text-chart-2", children: activeFilters.size })
-      ] })
-    ] })
-  ] });
-}
-
-function DrawingMapExample({ apiKey }) {
-  const [mapInstance, setMapInstance] = useState(null);
-  const [selectedMode, setSelectedMode] = useState(null);
-  const [shapes, setShapes] = useState([]);
-  const [showSaveDialog, setShowSaveDialog] = useState(false);
-  const [savedData, setSavedData] = useState("");
-  const [isDrawingPolygon, setIsDrawingPolygon] = useState(false);
-  const tempPolylineRef = useRef(null);
-  const polygonPathRef = useRef([]);
-  const mapListenersRef = useRef([]);
-  const colors = {
-    fill: "#2C275B",
-    // Primary do CSS
-    stroke: "#2C275B",
-    fillOpacity: 0.2,
-    strokeWeight: 2,
-    editable: true,
-    draggable: true
-  };
-  const addMarker = useCallback(
-    (position) => {
-      if (!mapInstance) return;
-      const marker = new google.maps.marker.AdvancedMarkerElement({
-        position,
-        map: mapInstance,
-        gmpDraggable: true,
-        // Propriedade correta para AdvancedMarkerElement
-        title: "Marcador"
-      });
-      marker.addListener("dragend", () => {
-        toast.info("Posição do marcador atualizada");
-      });
-      const newShape = { type: "marker", overlay: marker };
-      setShapes((prev) => [...prev, newShape]);
-      toast.success("Marcador adicionado");
-    },
-    [mapInstance]
-  );
-  const addCircle = useCallback(
-    (center) => {
-      if (!mapInstance) return;
-      const circle = new google.maps.Circle({
-        map: mapInstance,
-        center,
-        radius: 500,
-        fillColor: colors.fill,
-        fillOpacity: colors.fillOpacity,
-        strokeColor: colors.stroke,
-        strokeWeight: colors.strokeWeight,
-        editable: true,
-        draggable: true
-      });
-      const newShape = { type: "circle", overlay: circle };
-      setShapes((prev) => [...prev, newShape]);
-      toast.success("Círculo adicionado");
-    },
-    [mapInstance, colors]
-  );
-  const addRectangle = useCallback(
-    (center) => {
-      if (!mapInstance) return;
-      const offset = 5e-3;
-      const bounds = {
-        north: center.lat() + offset,
-        south: center.lat() - offset,
-        east: center.lng() + offset,
-        west: center.lng() - offset
-      };
-      const rectangle = new google.maps.Rectangle({
-        map: mapInstance,
-        bounds,
-        fillColor: colors.fill,
-        fillOpacity: colors.fillOpacity,
-        strokeColor: colors.stroke,
-        strokeWeight: colors.strokeWeight,
-        editable: true,
-        draggable: true
-      });
-      const newShape = { type: "rectangle", overlay: rectangle };
-      setShapes((prev) => [...prev, newShape]);
-      toast.success("Retângulo adicionado");
-    },
-    [mapInstance, colors]
-  );
-  const cancelPolygonDrawing = useCallback(() => {
-    if (tempPolylineRef.current) {
-      tempPolylineRef.current.setMap(null);
-      tempPolylineRef.current = null;
-    }
-    polygonPathRef.current = [];
-    setIsDrawingPolygon(false);
-  }, []);
-  const finishPolygon = useCallback(() => {
-    if (!mapInstance || polygonPathRef.current.length < 3) {
-      if (polygonPathRef.current.length < 3 && polygonPathRef.current.length > 0) {
-        toast.error("Polígono precisa de pelo menos 3 pontos.");
-      }
-      return;
-    }
-    const polygon = new google.maps.Polygon({
-      map: mapInstance,
-      paths: polygonPathRef.current,
-      fillColor: colors.fill,
-      fillOpacity: colors.fillOpacity,
-      strokeColor: colors.stroke,
-      strokeWeight: colors.strokeWeight,
-      editable: true,
-      draggable: true
-    });
-    const newShape = { type: "polygon", overlay: polygon };
-    setShapes((prev) => [...prev, newShape]);
-    cancelPolygonDrawing();
-    toast.success("Polígono criado com sucesso!");
-  }, [mapInstance, colors, cancelPolygonDrawing]);
-  const addPolygonPoint = useCallback(
-    (point) => {
-      if (!mapInstance) return;
-      if (!isDrawingPolygon) {
-        setIsDrawingPolygon(true);
-        polygonPathRef.current = [point];
-        tempPolylineRef.current = new google.maps.Polyline({
-          map: mapInstance,
-          path: polygonPathRef.current,
-          strokeColor: colors.stroke,
-          strokeOpacity: 0.8,
-          strokeWeight: 2,
-          geodesic: true,
-          clickable: false
-          // Importante: não capturar cliques para não atrapalhar o mapa
-        });
-        toast.info("Clique para adicionar pontos. Duplo clique ou botão check para fechar.", {
-          duration: 4e3
-        });
-      } else {
-        polygonPathRef.current.push(point);
-        tempPolylineRef.current?.setPath(polygonPathRef.current);
-      }
-    },
-    [mapInstance, isDrawingPolygon, colors]
-  );
-  const clearListeners = () => {
-    mapListenersRef.current.forEach((listener) => google.maps.event.removeListener(listener));
-    mapListenersRef.current = [];
-  };
-  useEffect(() => {
-    if (!mapInstance) return;
-    clearListeners();
-    if (!selectedMode) {
-      mapInstance.setOptions({ draggableCursor: "grab", clickableIcons: true });
-      return;
-    }
-    mapInstance.setOptions({
-      draggableCursor: "crosshair",
-      clickableIcons: false
-    });
-    const clickListener = mapInstance.addListener("click", (e) => {
-      if (!e.latLng) return;
-      switch (selectedMode) {
-        case "marker":
-          addMarker(e.latLng);
-          break;
-        case "circle":
-          addCircle(e.latLng);
-          break;
-        case "rectangle":
-          addRectangle(e.latLng);
-          break;
-        case "polygon":
-          addPolygonPoint(e.latLng);
-          break;
-      }
-    });
-    mapListenersRef.current.push(clickListener);
-    if (selectedMode === "polygon") {
-      const dblClickListener = mapInstance.addListener("dblclick", (e) => {
-        if (e.domEvent) e.domEvent.stopPropagation();
-        finishPolygon();
-      });
-      mapListenersRef.current.push(dblClickListener);
-    }
-    return () => {
-      clearListeners();
-    };
-  }, [
-    mapInstance,
-    selectedMode,
-    addMarker,
-    addCircle,
-    addRectangle,
-    addPolygonPoint,
-    finishPolygon
-  ]);
-  const handleModeChange = (mode) => {
-    if (isDrawingPolygon) {
-      cancelPolygonDrawing();
-    }
-    setSelectedMode(mode);
-  };
-  const clearAll = () => {
-    shapes.forEach((shape) => {
-      if ("setMap" in shape.overlay) shape.overlay.setMap(null);
-      else shape.overlay.map = null;
-    });
-    setShapes([]);
-    if (isDrawingPolygon) cancelPolygonDrawing();
-    toast.info("Mapa limpo");
-  };
-  const undoLast = () => {
-    if (isDrawingPolygon) {
-      if (polygonPathRef.current.length > 0) {
-        polygonPathRef.current.pop();
-        tempPolylineRef.current?.setPath(polygonPathRef.current);
-        if (polygonPathRef.current.length === 0) {
-          cancelPolygonDrawing();
-        }
-      }
-      return;
-    }
-    if (shapes.length === 0) return;
-    const lastShape = shapes[shapes.length - 1];
-    if ("setMap" in lastShape.overlay) lastShape.overlay.setMap(null);
-    else lastShape.overlay.map = null;
-    setShapes((prev) => prev.slice(0, prev.length - 1));
-  };
-  const handleSave = () => {
-    if (shapes.length === 0) {
-      toast.error("Adicione desenhos ao mapa antes de salvar.");
-      return;
-    }
-    const exportData = shapes.map((s) => {
-      let data = {};
-      if (s.type === "marker") {
-        const marker = s.overlay;
-        const pos = marker.position;
-        if (pos) {
-          const lat = typeof pos.lat === "function" ? pos.lat() : pos.lat;
-          const lng = typeof pos.lng === "function" ? pos.lng() : pos.lng;
-          data = { lat, lng };
-        }
-      } else if (s.type === "circle") {
-        const circle = s.overlay;
-        data = {
-          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?.getNorthEast().lat(),
-          south: bounds?.getSouthWest().lat(),
-          east: bounds?.getNorthEast().lng(),
-          west: bounds?.getSouthWest().lng()
-        };
-      } else if (s.type === "polygon") {
-        const poly = s.overlay;
-        const path = poly.getPath();
-        data = path.getArray().map((coord) => ({ lat: coord.lat(), lng: coord.lng() }));
-      }
-      return { type: s.type, data };
-    });
-    setSavedData(JSON.stringify(exportData, null, 2));
-    setShowSaveDialog(true);
-  };
-  const ToolButton = ({
-    active,
-    onClick,
-    icon: Icon,
-    label
-  }) => /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: active ? "default" : "ghost",
-      className: `w-full justify-start gap-3 ${active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`,
-      onClick,
-      children: [
-        /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(Card, { className: "h-full border-0 shadow-none md:border md:shadow-sm", children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "border-b bg-muted/20 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: "Ferramentas de Desenho" }),
-        /* @__PURE__ */ jsx(CardDescription, { className: "mt-1", children: "Crie geometrias personalizadas no mapa" })
-      ] }),
-      /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "h-6", children: [
-        shapes.length,
-        " ",
-        shapes.length === 1 ? "elemento" : "elementos"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "p-0 flex flex-col md:flex-row h-[600px] bg-background", children: [
-      /* @__PURE__ */ jsxs("div", { className: "w-full md:w-64 border-b md:border-b-0 md:border-r bg-muted/10 flex flex-col", children: [
-        /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2", children: "Ferramentas" }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx(
-                ToolButton,
-                {
-                  active: selectedMode === null,
-                  onClick: () => handleModeChange(null),
-                  icon: MousePointer2,
-                  label: "Navegar"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ToolButton,
-                {
-                  active: selectedMode === "marker",
-                  onClick: () => handleModeChange("marker"),
-                  icon: MapPin,
-                  label: "Marcador"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ToolButton,
-                {
-                  active: selectedMode === "circle",
-                  onClick: () => handleModeChange("circle"),
-                  icon: Circle,
-                  label: "Círculo"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ToolButton,
-                {
-                  active: selectedMode === "rectangle",
-                  onClick: () => handleModeChange("rectangle"),
-                  icon: Square,
-                  label: "Retângulo"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                ToolButton,
-                {
-                  active: selectedMode === "polygon",
-                  onClick: () => handleModeChange("polygon"),
-                  icon: Hexagon,
-                  label: "Polígono"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, {}),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2", children: "Ações" }),
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "outline",
-                  onClick: undoLast,
-                  disabled: shapes.length === 0 && !isDrawingPolygon,
-                  className: "w-full",
-                  title: "Desfazer último",
-                  "aria-label": "Desfazer último",
-                  children: [
-                    /* @__PURE__ */ jsx(Undo, { className: "h-4 w-4 mr-2" }),
-                    "Desfazer"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "destructive",
-                  onClick: clearAll,
-                  disabled: shapes.length === 0 && !isDrawingPolygon,
-                  className: "w-full bg-destructive/10 text-destructive hover:bg-destructive hover:text-destructive-foreground border-0 shadow-none",
-                  children: [
-                    /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-2" }),
-                    "Limpar"
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "default",
-                onClick: handleSave,
-                disabled: shapes.length === 0,
-                className: "w-full mt-2",
-                children: [
-                  /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
-                  "Salvar GeoJSON"
-                ]
-              }
-            )
-          ] })
-        ] }) }),
-        isDrawingPolygon && /* @__PURE__ */ jsxs("div", { className: "p-4 bg-primary/5 border-t border-primary/10", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2 text-primary text-xs font-medium", children: [
-            /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" }),
-              /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-primary" })
-            ] }),
-            "Desenhando Polígono..."
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                size: "sm",
-                className: "w-full bg-green-600 hover:bg-green-700 text-white",
-                onClick: finishPolygon,
-                children: [
-                  /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 mr-1" }),
-                  " Concluir"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                size: "sm",
-                variant: "outline",
-                className: "w-full",
-                onClick: cancelPolygonDrawing,
-                children: [
-                  /* @__PURE__ */ jsx(X, { className: "h-3 w-3 mr-1" }),
-                  " Cancelar"
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 relative bg-muted/5 min-h-[400px]", children: [
-        /* @__PURE__ */ jsx(
-          Map,
-          {
-            className: "h-full w-full rounded-none md:rounded-br-lg",
-            center: { lat: -23.5505, lng: -46.6333 },
-            zoom: 13,
-            height: "100%",
-            mapContainerClassName: "h-full w-full rounded-none md:rounded-br-lg",
-            disableDefaultUI: true,
-            zoomControl: true,
-            onMapLoad: setMapInstance,
-            apiKey
-          }
-        ),
-        selectedMode && !isDrawingPolygon && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 bg-background/90 backdrop-blur border px-4 py-2 rounded-full shadow-sm text-xs font-medium text-muted-foreground pointer-events-none z-10", children: [
-          selectedMode === "marker" && "Clique no mapa para adicionar um marcador",
-          selectedMode === "circle" && "Clique no mapa para definir o centro do círculo",
-          selectedMode === "rectangle" && "Clique no mapa para criar um retângulo",
-          selectedMode === "polygon" && "Clique sequencialmente para desenhar a área"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Dialog, { open: showSaveDialog, onOpenChange: setShowSaveDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: "Dados Geográficos (GeoJSON)" }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Copie os dados das formas desenhadas abaixo." })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "relative mt-2", children: /* @__PURE__ */ jsx(
-          "pre",
-          {
-            className: "p-4 rounded-lg bg-muted overflow-auto max-h-[300px] text-xs font-mono",
-            "data-custom-scrollbar": true,
-            children: savedData
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx(Button, { onClick: () => setShowSaveDialog(false), children: "Fechar" }) })
-      ] }) })
-    ] })
-  ] });
-}
-
-function MapShowcase() {
-  const [activeTab, setActiveTab] = useState("simple");
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const [apiKey, setApiKey] = useState("");
-  const [inputApiKey, setInputApiKey] = useState("");
-  const [showTraffic, setShowTraffic] = useState(false);
-  const [showTransit, setShowTransit] = useState(false);
-  const [showBicycling, setShowBicycling] = useState(false);
-  const [showZoomControl, setShowZoomControl] = useState(true);
-  const [showMapTypeControl, setShowMapTypeControl] = useState(false);
-  const [showStreetViewControl, setShowStreetViewControl] = useState(false);
-  const [showFullscreenControl, setShowFullscreenControl] = useState(true);
-  const handleTabChange = (value) => {
-    if (value === activeTab) return;
-    setIsTransitioning(true);
-    setTimeout(() => {
-      setActiveTab(value);
-      setIsTransitioning(false);
-    }, 50);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ jsx(
-      PageHeader,
-      {
-        title: "Mapas",
-        subtitle: "Biblioteca de componentes de mapa para visualização de dados geoespaciais. Utiliza a API do Google Maps com estilização personalizada do Xertica UI.",
-        actions: /* @__PURE__ */ jsx(Badge, { children: "Design System" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: "Configuração da API Key" }),
-        /* @__PURE__ */ jsx(CardDescription, { children: "Insira sua Google Maps API Key para renderizar os mapas abaixo." })
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-md items-center space-x-2", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "password",
-            placeholder: "Cole sua Google Maps API Key aqui",
-            "aria-label": "Google Maps API Key",
-            value: inputApiKey,
-            onChange: (e) => setInputApiKey(e.target.value),
-            className: "max-w-md h-10"
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { onClick: () => setApiKey(inputApiKey), children: "Salvar" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: handleTabChange, className: "w-full", children: [
-      /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-4 mb-8", children: [
-        /* @__PURE__ */ jsx(TabsTrigger, { value: "simple", children: "Mapas Simples" }),
-        /* @__PURE__ */ jsx(TabsTrigger, { value: "markers", children: "Marcadores" }),
-        /* @__PURE__ */ jsx(TabsTrigger, { value: "controls", children: "Controles" }),
-        /* @__PURE__ */ jsxs(TabsTrigger, { value: "drawing", className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Pencil, { className: "w-3 h-3" }),
-          " Desenho"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "simple", className: "space-y-8", children: !isTransitioning && activeTab === "simple" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Mapa Padrão" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Configuração básica do mapa centralizado em uma coordenada específica." })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-            Map,
-            {
-              center: { lat: -23.5505, lng: -46.6333 },
-              zoom: 13,
-              height: "400px",
-              apiKey
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Camadas (Layers)" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Sobreposição de informações como tráfego, transporte público e ciclovias." })
-          ] }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-6 p-4 border rounded-lg bg-muted/50", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(Switch, { id: "traffic", checked: showTraffic, onCheckedChange: setShowTraffic }),
-                /* @__PURE__ */ jsxs(Label, { htmlFor: "traffic", className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Layers, { className: "w-4 h-4" }),
-                  " Trânsito"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(Switch, { id: "transit", checked: showTransit, onCheckedChange: setShowTransit }),
-                /* @__PURE__ */ jsxs(Label, { htmlFor: "transit", className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Layers, { className: "w-4 h-4" }),
-                  " Transporte"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(
-                  Switch,
-                  {
-                    id: "bicycling",
-                    checked: showBicycling,
-                    onCheckedChange: setShowBicycling
-                  }
-                ),
-                /* @__PURE__ */ jsxs(Label, { htmlFor: "bicycling", className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Layers, { className: "w-4 h-4" }),
-                  " Ciclovias"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Map,
-              {
-                center: { lat: -23.5505, lng: -46.6333 },
-                zoom: 12,
-                height: "500px",
-                layers: {
-                  traffic: showTraffic,
-                  transit: showTransit,
-                  bicycling: showBicycling
-                },
-                apiKey
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: "São Paulo" }) }),
-            /* @__PURE__ */ jsx(CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsx(
-              Map,
-              {
-                center: { lat: -23.5505, lng: -46.6333 },
-                zoom: 11,
-                height: "200px",
-                disableDefaultUI: true,
-                apiKey
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: "Rio de Janeiro" }) }),
-            /* @__PURE__ */ jsx(CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsx(
-              Map,
-              {
-                center: { lat: -22.9068, lng: -43.1729 },
-                zoom: 11,
-                height: "200px",
-                disableDefaultUI: true,
-                apiKey
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-sm", children: "New York" }) }),
-            /* @__PURE__ */ jsx(CardContent, { className: "p-4 pt-0", children: /* @__PURE__ */ jsx(
-              Map,
-              {
-                center: { lat: 40.7128, lng: -74.006 },
-                zoom: 11,
-                height: "200px",
-                disableDefaultUI: true,
-                apiKey
-              }
-            ) })
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "markers", className: "space-y-8", children: !isTransitioning && activeTab === "markers" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Marcadores e Pins" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Exemplos de marcadores personalizados com diferentes cores e informações." })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-            Map,
-            {
-              center: { lat: -23.5505, lng: -46.6333 },
-              zoom: 13,
-              height: "500px",
-              apiKey,
-              markers: [
-                {
-                  position: { lat: -23.5505, lng: -46.6333 },
-                  title: "Principal",
-                  info: "Marcador padrão",
-                  customColor: "#4F46E5"
-                },
-                {
-                  position: { lat: -23.54, lng: -46.64 },
-                  title: "Secundário",
-                  info: "Marcador de alerta",
-                  customColor: "#EF4444",
-                  icon: "!"
-                },
-                {
-                  position: { lat: -23.56, lng: -46.62 },
-                  title: "Loja",
-                  info: "Ponto de venda",
-                  customColor: "#10B981",
-                  icon: "S"
-                }
-              ]
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Marcador com Ações" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Marcador interativo que exibe conteúdo rico (texto, imagem, botões) ao ser clicado." })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-            Map,
-            {
-              center: { lat: -23.5505, lng: -46.6333 },
-              zoom: 13,
-              height: "500px",
-              apiKey,
-              markers: [
-                {
-                  position: { lat: -23.5505, lng: -46.6333 },
-                  label: "🏢",
-                  richContent: /* @__PURE__ */ jsxs("div", { className: "p-4 max-w-[260px]", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-                      /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base", children: "Xertica HQ" }),
-                      /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px] h-5", children: "Open" })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "w-full h-32 bg-muted rounded-md mb-3 overflow-hidden relative", children: [
-                      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" }),
-                      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-white font-medium", children: "Office View" })
-                    ] }),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3 leading-relaxed", children: "Sede principal em São Paulo. Espaço moderno para reuniões e eventos." }),
-                    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-                      /* @__PURE__ */ jsx(Button, { size: "sm", className: "w-full h-8 text-xs shadow-sm", children: "Navegar" }),
-                      /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          size: "sm",
-                          variant: "outline",
-                          className: "w-full h-8 text-xs bg-background",
-                          children: "Detalhes"
-                        }
-                      )
-                    ] })
-                  ] })
-                }
-              ]
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Áreas e Zonas" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Delimitação de áreas geográficas usando círculos e polígonos." })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-            Map,
-            {
-              center: { lat: -23.5505, lng: -46.6333 },
-              zoom: 12,
-              height: "500px",
-              apiKey,
-              markers: [
-                {
-                  position: { lat: -23.5505, lng: -46.6333 },
-                  title: "Centro da Zona",
-                  info: "Raio de 3km",
-                  customColor: "#6366F1"
-                }
-              ],
-              circle: {
-                center: { lat: -23.5505, lng: -46.6333 },
-                radius: 3e3,
-                fillColor: "#6366F1",
-                strokeColor: "#4F46E5"
-              },
-              polygon: {
-                paths: [
-                  [
-                    { lat: -23.52, lng: -46.6 },
-                    { lat: -23.52, lng: -46.66 },
-                    { lat: -23.58, lng: -46.66 },
-                    { lat: -23.58, lng: -46.6 }
-                  ]
-                ],
-                fillColor: "#10B981",
-                strokeColor: "#059669"
-              }
-            }
-          ) })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "controls", className: "space-y-8", children: !isTransitioning && activeTab === "controls" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Controles do Mapa" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Personalize a interface do mapa ativando ou desativando controles nativos." })
-          ] }),
-          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 p-4 border rounded-lg bg-muted/50", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    id: "zoom",
-                    checked: showZoomControl,
-                    onCheckedChange: (c) => setShowZoomControl(!!c)
-                  }
-                ),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "zoom", children: "Zoom Control" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    id: "maptype",
-                    checked: showMapTypeControl,
-                    onCheckedChange: (c) => setShowMapTypeControl(!!c)
-                  }
-                ),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "maptype", children: "Map Type" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    id: "streetview",
-                    checked: showStreetViewControl,
-                    onCheckedChange: (c) => setShowStreetViewControl(!!c)
-                  }
-                ),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "streetview", children: "Street View" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    id: "fullscreen",
-                    checked: showFullscreenControl,
-                    onCheckedChange: (c) => setShowFullscreenControl(!!c)
-                  }
-                ),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "fullscreen", children: "Fullscreen" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Map,
-              {
-                center: { lat: -23.5505, lng: -46.6333 },
-                zoom: 13,
-                height: "400px",
-                apiKey,
-                zoomControl: showZoomControl,
-                mapTypeControl: showMapTypeControl,
-                streetViewControl: showStreetViewControl,
-                fullscreenControl: showFullscreenControl
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsx(CardTitle, { children: "Filtros Interativos" }),
-            /* @__PURE__ */ jsx(CardDescription, { children: "Exemplo avançado de mapa com controles customizados para filtragem de marcadores." })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(FilterableMapExample, { apiKey }) })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "drawing", className: "space-y-8", children: !isTransitioning && activeTab === "drawing" && /* @__PURE__ */ jsx(DrawingMapExample, { apiKey }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-3 gap-6 pt-8 border-t", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm", children: "Documentação" }),
-        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-          "Verifique ",
-          /* @__PURE__ */ jsx("code", { children: "MAP_SETUP.md" }),
-          " para configuração inicial e requisitos de API."
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm", children: "Performance" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Utiliza carregamento assíncrono e AdvancedMarkerElement para melhor desempenho." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm", children: "Design System" }),
-        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-          "Componentes seguem estritamente as variáveis de tokens do ",
-          /* @__PURE__ */ jsx("code", { children: "globals.css" }),
-          "."
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-function TemplateContent() {
-  const { t } = useTranslation();
-  const layout = useOptionalLayout();
-  const [localSidebarExpanded, setLocalSidebarExpanded] = useState(false);
-  const [localSidebarWidth, setLocalSidebarWidth] = useState(280);
-  const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
-  const sidebarWidth = layout?.sidebarWidth ?? localSidebarWidth;
-  const setSidebarWidth = layout?.setSidebarWidth ?? setLocalSidebarWidth;
-  layout?.toggleSidebar ?? (() => setLocalSidebarExpanded((value) => !value));
-  useNavigate();
-  const { data: teamMembers = [], isLoading: teamLoading } = useTeamMembers();
-  const progress = useDashboardStore((s) => s.progress);
-  const setProgress = useDashboardStore((s) => s.setProgress);
-  const sliderValue = useDashboardStore((s) => s.sliderValue);
-  const setSliderValue = useDashboardStore((s) => s.setSliderValue);
-  const switchEnabled = useDashboardStore((s) => s.switchEnabled);
-  const toggleSwitch = useDashboardStore((s) => s.toggleSwitch);
-  const [showSidebarUser, setShowSidebarUser] = useState(true);
-  const [showSidebarSettings, setShowSidebarSettings] = useState(true);
-  const [showSidebarLogout, setShowSidebarLogout] = useState(true);
-  const [showHeaderActions, setShowHeaderActions] = useState(true);
-  const [showHeaderBreadcrumbs, setShowHeaderBreadcrumbs] = useState(true);
-  const handleFormSubmit = (e) => {
-    e.preventDefault();
-    toast.success(t("templates.formSubmitSuccess"));
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex-1 flex flex-col overflow-hidden transition-all duration-300",
-      style: {
-        paddingLeft: sidebarExpanded ? `${sidebarWidth}px` : "80px"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Header,
-          {
-            showThemeToggle: true,
-            showLanguageSelector: true,
-            breadcrumbs: [
-              { label: t("nav.designSystem"), href: "/home", icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" }) },
-              { label: t("templates.breadcrumb") }
-            ],
-            renderLink: (href, props) => /* @__PURE__ */ jsx(Link, { to: href, ...props })
-          }
-        ),
-        /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsx("div", { className: "p-5 sm:p-4 md:p-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto space-y-8", children: [
-          /* @__PURE__ */ jsx(
-            PageHeader,
-            {
-              title: t("templates.title"),
-              subtitle: t("templates.subtitle")
-            }
-          ),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.headerWithBreadcrumbs.sectionTitle") }),
-            /* @__PURE__ */ jsxs(Card, { children: [
-              /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.headerWithBreadcrumbs.cardTitle") }),
-                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.headerWithBreadcrumbs.cardDescription") })
-              ] }),
-              /* @__PURE__ */ jsxs(CardContent, { className: "p-0 border-t bg-background overflow-hidden rounded-b-[var(--radius-lg)]", children: [
-                /* @__PURE__ */ jsx(
-                  Header,
-                  {
-                    className: "border-b",
-                    breadcrumbs: [
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.dashboard"), href: "#", icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" }) },
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.settings"), href: "#", icon: /* @__PURE__ */ jsx(Settings, { className: "w-4 h-4" }) },
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.users"), href: "#", icon: /* @__PURE__ */ jsx(Users, { className: "w-4 h-4" }) },
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.accessProfile") }
-                    ],
-                    showLanguageSelector: true,
-                    showThemeToggle: true
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "p-6 min-h-[200px]", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold mb-2", children: t("templates.headerWithBreadcrumbs.exampleContentTitle") }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
-                    t("templates.headerWithBreadcrumbs.exampleContentDescriptionPart1"),
-                    /* @__PURE__ */ jsx("strong", { children: "Header" }),
-                    t("templates.headerWithBreadcrumbs.exampleContentDescriptionPart2")
-                  ] })
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.alerts") }),
-            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs(Alert, { variant: "info", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.infoTitle") }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.infoDescription") })
-              ] }),
-              /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.errorTitle") }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.errorDescription") })
-              ] }),
-              /* @__PURE__ */ jsxs(Alert, { variant: "success", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.successTitle") }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.successDescription") })
-              ] }),
-              /* @__PURE__ */ jsxs(Alert, { variant: "warning", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.alerts.warningTitle") }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: t("templates.alerts.warningDescription") })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.cardsAndTabs") }),
-            /* @__PURE__ */ jsxs(Tabs, { defaultValue: "overview", className: "w-full", children: [
-              /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-4", children: [
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "overview", children: t("templates.tabs.overview") }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "forms", children: t("templates.tabs.forms") }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "data", children: t("templates.tabs.data") }),
-                /* @__PURE__ */ jsx(TabsTrigger, { value: "settings", children: t("templates.tabs.settings") })
-              ] }),
-              /* @__PURE__ */ jsxs(TabsContent, { value: "overview", className: "space-y-4", children: [
-                /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
-                  /* @__PURE__ */ jsxs(Card, { children: [
-                    /* @__PURE__ */ jsxs(CardHeader, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: t("stats.totalUsers") }),
-                      /* @__PURE__ */ jsx(CardDescription, { children: t("stats.last30Days") })
-                    ] }),
-                    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-foreground", children: [
-                      /* @__PURE__ */ jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "1,234" }),
-                      /* @__PURE__ */ jsx(Badge, { variant: "default", className: "ml-2", children: "+12%" })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsxs(Card, { children: [
-                    /* @__PURE__ */ jsxs(CardHeader, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: t("stats.totalRevenue") }),
-                      /* @__PURE__ */ jsx(CardDescription, { children: t("stats.currentMonth") })
-                    ] }),
-                    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-foreground", children: [
-                      /* @__PURE__ */ jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "$ 45.2k" }),
-                      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-2", children: "+8%" })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsxs(Card, { children: [
-                    /* @__PURE__ */ jsxs(CardHeader, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: t("stats.conversionRate") }),
-                      /* @__PURE__ */ jsx(CardDescription, { children: t("stats.currentWeek") })
-                    ] }),
-                    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "text-foreground", children: [
-                      /* @__PURE__ */ jsx("span", { className: "[font-size:var(--text-stats)] [font-weight:var(--font-weight-bold)]", children: "3.2%" }),
-                      /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "ml-2", children: "-2%" })
-                    ] }) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs(Card, { children: [
-                  /* @__PURE__ */ jsxs(CardHeader, { children: [
-                    /* @__PURE__ */ jsx(CardTitle, { children: t("templates.overview.progressTitle") }),
-                    /* @__PURE__ */ jsx(CardDescription, { children: t("templates.overview.progressDescription") })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsx(Label, { children: t("templates.overview.projectProgress") }),
-                        /* @__PURE__ */ jsxs("span", { className: "[font-size:var(--text-small)] text-muted-foreground", children: [
-                          progress,
-                          "%"
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx(Progress, { value: progress, className: "w-full" }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                        /* @__PURE__ */ jsx(
-                          Button,
-                          {
-                            size: "sm",
-                            onClick: () => setProgress(Math.max(0, progress - 10)),
-                            children: "-10%"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          Button,
-                          {
-                            size: "sm",
-                            onClick: () => setProgress(Math.min(100, progress + 10)),
-                            children: "+10%"
-                          }
-                        )
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx(Separator, {}),
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsx(Label, { children: t("templates.overview.volume") }),
-                        /* @__PURE__ */ jsxs("span", { className: "[font-size:var(--text-small)] text-muted-foreground", children: [
-                          sliderValue[0],
-                          "%"
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx(
-                        Slider,
-                        {
-                          value: sliderValue,
-                          onValueChange: setSliderValue,
-                          min: 0,
-                          max: 100,
-                          step: 1,
-                          className: "w-full",
-                          "aria-label": t("templates.overview.volume")
-                        }
-                      )
-                    ] })
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(TabsContent, { value: "forms", className: "space-y-4", children: /* @__PURE__ */ jsxs(Card, { children: [
-                /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.forms.registrationTitle") }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.forms.registrationDescription") })
-                ] }),
-                /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleFormSubmit, className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: t("templates.forms.firstName") }),
-                      /* @__PURE__ */ jsx(Input, { id: "firstName", placeholder: t("templates.forms.firstNamePlaceholder") })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: t("templates.forms.lastName") }),
-                      /* @__PURE__ */ jsx(Input, { id: "lastName", placeholder: t("templates.forms.lastNamePlaceholder") })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("templates.forms.email") }),
-                    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                      /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-                      /* @__PURE__ */ jsx(
-                        Input,
-                        {
-                          id: "email",
-                          type: "email",
-                          placeholder: t("templates.forms.emailPlaceholder"),
-                          className: "pl-10"
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "phone", children: t("templates.forms.phone") }),
-                    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                      /* @__PURE__ */ jsx(Phone, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-                      /* @__PURE__ */ jsx(
-                        Input,
-                        {
-                          id: "phone",
-                          type: "tel",
-                          placeholder: t("templates.forms.phonePlaceholder"),
-                          className: "pl-10"
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "role", children: t("templates.forms.role") }),
-                    /* @__PURE__ */ jsxs(Select, { children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { id: "role", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("templates.forms.rolePlaceholder") }) }),
-                      /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "developer", children: t("templates.forms.roles.developer") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "designer", children: t("templates.forms.roles.designer") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "manager", children: t("templates.forms.roles.manager") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "analyst", children: t("templates.forms.roles.analyst") })
-                      ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "bio", children: t("templates.forms.bio") }),
-                    /* @__PURE__ */ jsx(
-                      Textarea,
-                      {
-                        id: "bio",
-                        placeholder: t("templates.forms.bioPlaceholder"),
-                        rows: 4
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Separator, {}),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                    /* @__PURE__ */ jsx("h4", { children: t("templates.forms.preferences") }),
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                        /* @__PURE__ */ jsx(Checkbox, { id: "newsletter" }),
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "newsletter", className: "font-normal", children: t("templates.forms.newsletter") })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                        /* @__PURE__ */ jsx(Checkbox, { id: "notifications" }),
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "notifications", className: "font-normal", children: t("templates.forms.pushNotifications") })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                        /* @__PURE__ */ jsx(Checkbox, { id: "updates" }),
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "updates", className: "font-normal", children: t("templates.forms.featureUpdates") })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx(Separator, {}),
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsx(Label, { children: t("templates.forms.accountType") }),
-                      /* @__PURE__ */ jsxs(RadioGroup, { defaultValue: "personal", "aria-label": t("templates.forms.accountType"), children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                          /* @__PURE__ */ jsx(RadioGroupItem, { value: "personal", id: "personal" }),
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "personal", className: "font-normal", children: t("templates.forms.accountPersonal") })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                          /* @__PURE__ */ jsx(RadioGroupItem, { value: "business", id: "business" }),
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "business", className: "font-normal", children: t("templates.forms.accountBusiness") })
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                          /* @__PURE__ */ jsx(RadioGroupItem, { value: "enterprise", id: "enterprise" }),
-                          /* @__PURE__ */ jsx(Label, { htmlFor: "enterprise", className: "font-normal", children: t("templates.forms.accountEnterprise") })
-                        ] })
-                      ] })
-                    ] })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between", children: [
-                  /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("templates.forms.cancel") }),
-                  /* @__PURE__ */ jsx(Button, { onClick: handleFormSubmit, children: t("templates.forms.createAccount") })
-                ] })
-              ] }) }),
-              /* @__PURE__ */ jsx(TabsContent, { value: "data", className: "space-y-4", children: /* @__PURE__ */ jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxs(Card, { children: [
-                /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.data.title") }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.data.description") })
-                ] }),
-                /* @__PURE__ */ jsxs(CardContent, { children: [
-                  /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                    /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-                    /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        placeholder: t("templates.data.searchPlaceholder"),
-                        "aria-label": t("templates.data.searchPlaceholder"),
-                        className: "pl-10"
-                      }
-                    )
-                  ] }) }),
-                  /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius-lg)] border border-border overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { children: [
-                    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-                      /* @__PURE__ */ jsx(TableHead, { children: t("team.name") }),
-                      /* @__PURE__ */ jsx(TableHead, { children: t("team.email") }),
-                      /* @__PURE__ */ jsx(TableHead, { children: t("team.role") }),
-                      /* @__PURE__ */ jsx(TableHead, { children: t("team.status") }),
-                      /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t("team.actions") })
-                    ] }) }),
-                    /* @__PURE__ */ jsx(TableBody, { children: teamLoading ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
-                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-full shrink-0" }),
-                        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-28" })
-                      ] }) }),
-                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-36" }) }),
-                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-20" }) }),
-                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }) }),
-                      /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-14 ml-auto" }) })
-                    ] }, i)) }) : teamMembers.map((member) => /* @__PURE__ */ jsxs(TableRow, { children: [
-                      /* @__PURE__ */ jsx(TableCell, { children: member.name }),
-                      /* @__PURE__ */ jsx(TableCell, { children: member.email }),
-                      /* @__PURE__ */ jsx(TableCell, { children: t(`team.roles.${member.role}`) }),
-                      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
-                        Badge,
-                        {
-                          variant: member.status === "active" ? "default" : member.status === "away" ? "secondary" : "outline",
-                          children: t(`common.${member.status}`)
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: t("common.edit") }) })
-                    ] }, member.id)) })
-                  ] }) })
-                ] }),
-                /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: t("common.previous") }),
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: t("common.next") })
-                  ] })
-                ] })
-              ] }) }) }),
-              /* @__PURE__ */ jsx(TabsContent, { value: "settings", className: "space-y-4", children: /* @__PURE__ */ jsxs(Card, { children: [
-                /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.settings.title") }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.settings.description") })
-                ] }),
-                /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "dark-mode", children: t("templates.settings.darkMode") }),
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("templates.settings.darkModeDescription") })
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      Switch,
-                      {
-                        id: "dark-mode",
-                        checked: switchEnabled,
-                        onCheckedChange: toggleSwitch
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Separator, {}),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "email-notifications", children: t("templates.settings.emailNotifications") }),
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("templates.settings.emailNotificationsDescription") })
-                    ] }),
-                    /* @__PURE__ */ jsx(Switch, { id: "email-notifications", defaultChecked: true })
-                  ] }),
-                  /* @__PURE__ */ jsx(Separator, {}),
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "push-notifications", children: t("templates.settings.pushNotifications") }),
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("templates.settings.pushNotificationsDescription") })
-                    ] }),
-                    /* @__PURE__ */ jsx(Switch, { id: "push-notifications" })
-                  ] }),
-                  /* @__PURE__ */ jsx(Separator, {}),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsx(Label, { children: t("templates.settings.language") }),
-                    /* @__PURE__ */ jsxs(Select, { defaultValue: "pt-br", children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("templates.settings.language"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                      /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "pt-br", children: t("templates.settings.languages.ptBR") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "en", children: t("templates.settings.languages.en") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "es", children: t("templates.settings.languages.es") })
-                      ] })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx(Separator, {}),
-                  /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsx(Label, { children: t("templates.settings.timezone") }),
-                    /* @__PURE__ */ jsxs(Select, { defaultValue: "america-sao-paulo", children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("templates.settings.timezone"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                      /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "america-sao-paulo", children: t("templates.settings.timezones.saoPaulo") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "america-new-york", children: t("templates.settings.timezones.newYork") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "europe-london", children: t("templates.settings.timezones.london") })
-                      ] })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-between", children: [
-                  /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("templates.settings.restoreDefaults") }),
-                  /* @__PURE__ */ jsx(Button, { children: t("templates.settings.saveChanges") })
-                ] })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.buttons") }),
-            /* @__PURE__ */ jsxs(Card, { children: [
-              /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.buttons.title") }),
-                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.buttons.description") })
-              ] }),
-              /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.variants") }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                    /* @__PURE__ */ jsx(Button, { variant: "default", children: "Default" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Secondary" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Outline" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "ghost", children: "Ghost" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "link", children: "Link" }),
-                    /* @__PURE__ */ jsx(Button, { variant: "destructive", children: "Destructive" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.sizes") }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-                    /* @__PURE__ */ jsx(Button, { size: "sm", children: "Small" }),
-                    /* @__PURE__ */ jsx(Button, { size: "default", children: "Default" }),
-                    /* @__PURE__ */ jsx(Button, { size: "lg", children: "Large" }),
-                    /* @__PURE__ */ jsx(Button, { size: "icon", "aria-label": t("nav.settings"), children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.withIcons") }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                    /* @__PURE__ */ jsxs(Button, { children: [
-                      /* @__PURE__ */ jsx(User, { className: "mr-2 h-4 w-4" }),
-                      t("templates.buttons.profile")
-                    ] }),
-                    /* @__PURE__ */ jsxs(Button, { variant: "secondary", children: [
-                      /* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }),
-                      t("templates.buttons.messages")
-                    ] }),
-                    /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
-                      /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
-                      t("templates.buttons.schedule")
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(Separator, {}),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ jsx(Label, { children: t("templates.buttons.states") }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                    /* @__PURE__ */ jsx(Button, { disabled: true, children: t("templates.buttons.disabled") }),
-                    /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: true, children: t("templates.buttons.outlineDisabled") })
-                  ] })
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.badges") }),
-            /* @__PURE__ */ jsxs(Card, { children: [
-              /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.badges.title") }),
-                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.badges.description") })
-              ] }),
-              /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-                /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Default" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Secondary" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Outline" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Destructive" }),
-                /* @__PURE__ */ jsx(Badge, { className: "bg-success text-success-foreground", children: "Success" }),
-                /* @__PURE__ */ jsx(Badge, { className: "bg-warning text-warning-foreground", children: "Warning" }),
-                /* @__PURE__ */ jsx(Badge, { className: "bg-info text-info-foreground", children: "Info" })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.dialogs") }),
-            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs(Card, { children: [
-                /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.dialogs.dialogTitle") }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.dialogs.dialogDescription") })
-                ] }),
-                /* @__PURE__ */ jsx(CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxs(Dialog, { children: [
-                  /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("templates.dialogs.editProfile") }) }),
-                  /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
-                    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-                      /* @__PURE__ */ jsx(DialogTitle, { children: t("templates.dialogs.editProfile") }),
-                      /* @__PURE__ */ jsx(DialogDescription, { children: t("templates.dialogs.editProfileDescription") })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 py-4", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-right", children: t("templates.dialogs.name") }),
-                        /* @__PURE__ */ jsx(Input, { id: "name", defaultValue: "John Doe", className: "col-span-3" })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                        /* @__PURE__ */ jsx(Label, { htmlFor: "username", className: "text-right", children: t("templates.dialogs.username") }),
-                        /* @__PURE__ */ jsx(Input, { id: "username", defaultValue: "@johndoe", className: "col-span-3" })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "submit", children: t("templates.dialogs.update") }) })
-                  ] })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsxs(Card, { children: [
-                /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardTitle, { children: t("templates.dialogs.alertDialogTitle") }),
-                  /* @__PURE__ */ jsx(CardDescription, { children: t("templates.dialogs.alertDialogDescription") })
-                ] }),
-                /* @__PURE__ */ jsx(CardContent, { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxs(AlertDialog, { children: [
-                  /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "destructive", children: t("templates.dialogs.deleteAccount") }) }),
-                  /* @__PURE__ */ jsxs(AlertDialogContent, { className: "sm:max-w-[425px]", children: [
-                    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-                      /* @__PURE__ */ jsx(AlertDialogTitle, { children: t("templates.dialogs.areYouSure") }),
-                      /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("templates.dialogs.deleteWarning") })
-                    ] }),
-                    /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-                      /* @__PURE__ */ jsx(AlertDialogCancel, { children: t("templates.dialogs.cancel") }),
-                      /* @__PURE__ */ jsx(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: t("templates.dialogs.continue") })
-                    ] })
-                  ] })
-                ] }) })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx(MapShowcase, {}) }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.headerVariations.sectionTitle") }),
-            /* @__PURE__ */ jsxs(Card, { children: [
-              /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.headerVariations.cardTitle") }),
-                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.headerVariations.cardDescription") })
-              ] }),
-              /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
-                /* @__PURE__ */ jsxs("div", { className: "p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold mb-4", children: t("templates.headerVariations.visibleElements") }),
-                  /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsx(
-                        Switch,
-                        {
-                          id: "header-actions",
-                          checked: showHeaderActions,
-                          onCheckedChange: setShowHeaderActions
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "header-actions", className: "cursor-pointer", children: t("templates.headerVariations.actionButtons") })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsx(
-                        Switch,
-                        {
-                          id: "header-bread",
-                          checked: showHeaderBreadcrumbs,
-                          onCheckedChange: setShowHeaderBreadcrumbs
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "header-bread", className: "cursor-pointer", children: t("templates.headerVariations.breadcrumbsLabel") })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "relative border rounded-[var(--radius-lg)] bg-muted/10 overflow-hidden shadow-inner", children: [
-                  /* @__PURE__ */ jsx("div", { className: "p-4 bg-background/50 border-b text-xs font-mono text-muted-foreground", children: t("templates.headerVariations.preview") }),
-                  /* @__PURE__ */ jsx(
-                    Header,
-                    {
-                      title: !showHeaderBreadcrumbs ? t("templates.headerVariations.currentPage") : void 0,
-                      breadcrumbs: showHeaderBreadcrumbs ? [
-                        {
-                          label: t("templates.headerVariations.breadcrumbBrand"),
-                          href: "#",
-                          icon: /* @__PURE__ */ jsx(Home, { className: "w-4 h-4" })
-                        },
-                        { label: t("templates.headerVariations.breadcrumbSettings"), href: "#" },
-                        { label: t("templates.headerVariations.breadcrumbProfile") }
-                      ] : void 0,
-                      actions: showHeaderActions ? [
-                        {
-                          id: "notify",
-                          icon: /* @__PURE__ */ jsx(Bell, { className: "w-5 h-5" }),
-                          onClick: () => toast(t("templates.headerVariations.notificationsOpenedToast"))
-                        },
-                        {
-                          id: "mail",
-                          label: t("templates.headerVariations.messagesLabel"),
-                          icon: /* @__PURE__ */ jsx(Mail, { className: "w-5 h-5" }),
-                          onClick: () => toast(t("templates.headerVariations.messagesOpenedToast"))
-                        }
-                      ] : void 0
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("div", { className: "h-32 flex items-center justify-center text-muted-foreground text-sm italic", children: t("templates.headerVariations.contentArea") })
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-4", children: t("templates.sections.sidebarVariations") }),
-            /* @__PURE__ */ jsxs(Card, { children: [
-              /* @__PURE__ */ jsxs(CardHeader, { children: [
-                /* @__PURE__ */ jsx(CardTitle, { children: t("templates.sidebar.title") }),
-                /* @__PURE__ */ jsx(CardDescription, { children: t("templates.sidebar.description") })
-              ] }),
-              /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "assistant", className: "w-full", children: [
-                /* @__PURE__ */ jsxs(TabsList, { className: "mb-4", children: [
-                  /* @__PURE__ */ jsx(TabsTrigger, { value: "assistant", children: t("templates.sidebar.assistantMode") }),
-                  /* @__PURE__ */ jsx(TabsTrigger, { value: "default", children: t("templates.sidebar.defaultMode") })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 border rounded-[var(--radius-lg)] bg-muted/30", children: [
-                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold mb-4", children: t("templates.sidebarControls.footerSettings") }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-6 mt-2", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsx(
-                        Switch,
-                        {
-                          id: "show-user",
-                          checked: showSidebarUser,
-                          onCheckedChange: setShowSidebarUser
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-user", className: "cursor-pointer", children: t("templates.sidebarControls.userProfile") })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsx(
-                        Switch,
-                        {
-                          id: "show-settings",
-                          checked: showSidebarSettings,
-                          onCheckedChange: setShowSidebarSettings
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-settings", className: "cursor-pointer", children: t("templates.sidebarControls.settings") })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                      /* @__PURE__ */ jsx(
-                        Switch,
-                        {
-                          id: "show-logout",
-                          checked: showSidebarLogout,
-                          onCheckedChange: setShowSidebarLogout
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Label, { htmlFor: "show-logout", className: "cursor-pointer", children: t("templates.sidebarControls.logoutButton") })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "mt-6 pt-6 border-t", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-                      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: t("templates.sidebarControls.sidebarWidthDesktop") }),
-                      /* @__PURE__ */ jsxs("span", { className: "text-xs font-mono bg-muted px-2 py-1 rounded", children: [
-                        sidebarWidth,
-                        "px"
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-12 text-right", children: "240px" }),
-                      /* @__PURE__ */ jsx(
-                        Slider,
-                        {
-                          value: [sidebarWidth],
-                          onValueChange: (val) => setSidebarWidth(val[0]),
-                          min: 240,
-                          max: 450,
-                          step: 10,
-                          className: "flex-1",
-                          "aria-label": t("templates.sidebarControls.sidebarWidthAriaLabel")
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-12", children: "450px" })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(TabsContent, { value: "assistant", children: /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "relative h-[600px] border rounded-[var(--radius-lg)] bg-muted/20 overflow-hidden",
-                    style: { transform: "translateZ(0)" },
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Sidebar,
-                        {
-                          expanded: true,
-                          width: sidebarWidth,
-                          onToggle: () => {
-                          },
-                          user: { email: "admin@xertica.com" },
-                          onLogout: () => toast(t("templates.sidebar.logoutToast")),
-                          location: { pathname: "/assistant/current" },
-                          navigate: () => {
-                          },
-                          variant: "assistant",
-                          search: {
-                            show: true,
-                            placeholder: t("templates.sidebar.searchTopicsPlaceholder"),
-                            filter: {
-                              show: true,
-                              content: /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2", children: [
-                                /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase text-muted-foreground px-2", children: t("templates.sidebarControls.filterByStatus") }),
-                                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 p-1", children: [
-                                  /* @__PURE__ */ jsx(Badge, { className: "bg-sidebar-foreground/20 text-sidebar-foreground border-none cursor-pointer hover:bg-sidebar-foreground/30", children: t("templates.sidebarControls.filterActive") }),
-                                  /* @__PURE__ */ jsx(
-                                    Badge,
-                                    {
-                                      variant: "outline",
-                                      className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10",
-                                      children: t("templates.sidebarControls.filterArchived")
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsx(
-                                    Badge,
-                                    {
-                                      variant: "outline",
-                                      className: "text-sidebar-foreground/70 border-sidebar-foreground/20 cursor-pointer hover:bg-sidebar-foreground/10",
-                                      children: t("templates.sidebarControls.filterPending")
-                                    }
-                                  )
-                                ] })
-                              ] })
-                            }
-                          },
-                          fixedArea: {
-                            show: true,
-                            content: /* @__PURE__ */ jsxs(Button, { className: "w-full bg-sidebar-primary hover:bg-sidebar-primary/90 text-sidebar-primary-foreground shadow-lg font-bold border-none transition-all duration-300 transform hover:scale-[1.02] active:scale-[0.98]", children: [
-                              /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
-                              t("templates.sidebar.newConversation")
-                            ] })
-                          },
-                          navigationGroups: [
-                            {
-                              id: "recent",
-                              label: t("templates.sidebar.recent"),
-                              icon: Clock,
-                              items: [
-                                {
-                                  path: "/assistant/refatoracao",
-                                  label: t("templates.sidebar.items.sidebarRefactor"),
-                                  description: t("templates.sidebar.items.sidebarRefactorDescription"),
-                                  actions: [
-                                    {
-                                      label: t("templates.sidebar.actions.rename"),
-                                      icon: FileEdit,
-                                      onClick: () => toast(t("templates.sidebar.actions.renameToast"))
-                                    },
-                                    {
-                                      label: t("templates.sidebar.actions.move"),
-                                      icon: ArrowRightLeft,
-                                      children: [
-                                        {
-                                          label: t("templates.sidebar.actions.moveActive"),
-                                          onClick: () => toast(t("templates.sidebar.actions.moveActiveToast"))
-                                        },
-                                        {
-                                          label: t("templates.sidebar.actions.moveMonitoring"),
-                                          onClick: () => toast(t("templates.sidebar.actions.moveMonitoringToast"))
-                                        },
-                                        {
-                                          label: t("templates.sidebar.actions.moveArchive"),
-                                          onClick: () => toast(t("templates.sidebar.actions.moveArchiveToast"))
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      label: t("templates.sidebar.actions.clear"),
-                                      icon: Trash2,
-                                      onClick: () => toast(t("templates.sidebar.actions.clearToast")),
-                                      variant: "destructive"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              id: "projects",
-                              label: t("templates.sidebar.constructionMonitoring"),
-                              icon: Map$1,
-                              actions: [
-                                {
-                                  label: t("templates.sidebar.actions.newCategory"),
-                                  icon: Plus,
-                                  onClick: () => toast(t("templates.sidebar.actions.newCategoryToast"))
-                                },
-                                {
-                                  label: t("templates.sidebar.actions.archiveGroup"),
-                                  icon: Archive,
-                                  onClick: () => toast(t("templates.sidebar.actions.archiveGroupToast"))
-                                }
-                              ],
-                              items: [
-                                {
-                                  path: "/assistant/br163",
-                                  label: t("templates.sidebar.items.br163Restoration"),
-                                  icon: () => /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-500" }),
-                                  description: /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 min-w-[160px]", children: [
-                                    /* @__PURE__ */ jsx(
-                                      Progress,
-                                      {
-                                        value: 67,
-                                        className: "h-1.5 bg-sidebar-foreground/10"
-                                      }
-                                    ),
-                                    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-[10px] text-sidebar-foreground/60", children: [
-                                      /* @__PURE__ */ jsx("span", { children: t("templates.sidebar.items.br163Location") }),
-                                      /* @__PURE__ */ jsx("span", { children: "67%" })
-                                    ] })
-                                  ] })
-                                }
-                              ]
-                            }
-                          ],
-                          footer: {
-                            showUser: showSidebarUser,
-                            showSettings: showSidebarSettings,
-                            showLogout: showSidebarLogout
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300",
-                          style: { left: `${sidebarWidth}px` },
-                          children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center", children: t("templates.sidebar.assistantContent") })
-                        }
-                      )
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TabsContent, { value: "default", children: /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "relative h-[600px] border rounded-[var(--radius-lg)] bg-muted/20 overflow-hidden",
-                    style: { transform: "translateZ(0)" },
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Sidebar,
-                        {
-                          expanded: true,
-                          width: sidebarWidth,
-                          onToggle: () => {
-                          },
-                          user: {
-                            name: "Ariel Santos",
-                            email: "admin@xertica.com",
-                            avatar: "https://github.com/shadcn.png"
-                          },
-                          onLogout: () => toast(t("templates.sidebar.logoutToast")),
-                          onSettingsClick: () => toast(t("templates.sidebar.settingsClickedToast")),
-                          location: { pathname: "/home" },
-                          navigate: () => {
-                          },
-                          variant: "default",
-                          routes: [
-                            { path: "/home", label: t("templates.sidebar.routes.home"), icon: Home },
-                            { path: "/dashboard", label: t("templates.sidebar.routes.dashboard"), icon: Users },
-                            { path: "/settings", label: t("templates.sidebar.routes.settings"), icon: Settings }
-                          ],
-                          footer: {
-                            showUser: showSidebarUser,
-                            showSettings: showSidebarSettings,
-                            showLogout: showSidebarLogout
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: "absolute inset-y-0 right-0 p-8 flex items-center justify-center transition-all duration-300",
-                          style: { left: `${sidebarWidth}px` },
-                          children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center", children: t("templates.sidebar.defaultContent") })
-                        }
-                      )
-                    ]
-                  }
-                ) })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          /* @__PURE__ */ jsxs(Card, { className: "mt-8", children: [
-            /* @__PURE__ */ jsxs(CardHeader, { children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: t("templates.footer.title") }),
-              /* @__PURE__ */ jsx(CardDescription, { children: t("templates.footer.subtitle") })
-            ] }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
-                t("templates.footer.descriptionPart1"),
-                /* @__PURE__ */ jsx("code", { className: "bg-muted px-2 py-1 rounded-[var(--radius-sm)] [font-size:var(--text-small)]", children: "xertica-ui" }),
-                t("templates.footer.descriptionPart2")
-              ] }),
-              /* @__PURE__ */ jsxs(Alert, { variant: "info", children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: t("templates.footer.tipTitle") }),
-                /* @__PURE__ */ jsxs(AlertDescription, { children: [
-                  t("templates.footer.tipDescriptionPart1"),
-                  /* @__PURE__ */ jsx("code", { className: "bg-muted px-1 rounded", children: "styles/xertica/tokens.css" }),
-                  t("templates.footer.tipDescriptionPart2")
-                ] })
-              ] })
-            ] })
-          ] })
-        ] }) }) }) })
-      ]
-    }
-  );
-}
-
-function TemplatePage() {
-  const { user, logout } = useAuth();
-  const layout = useOptionalLayout();
-  const [localSidebarExpanded, setLocalSidebarExpanded] = React__default.useState(false);
-  const [localAssistantExpanded, setLocalAssistantExpanded] = React__default.useState(false);
-  const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
-  const sidebarWidth = layout?.sidebarWidth ?? 280;
-  const assistenteExpanded = layout?.assistenteExpanded ?? localAssistantExpanded;
-  const toggleSidebar = layout?.toggleSidebar ?? (() => setLocalSidebarExpanded((value) => !value));
-  const toggleAssistente = layout?.toggleAssistente ?? (() => setLocalAssistantExpanded((value) => !value));
-  const location = useLocation();
-  const navigate = useNavigate();
-  return /* @__PURE__ */ jsxs("div", { className: "h-screen flex bg-muted overflow-hidden relative", children: [
-    /* @__PURE__ */ jsx(
-      Sidebar,
-      {
-        expanded: sidebarExpanded,
-        width: sidebarWidth,
-        onToggle: toggleSidebar,
-        user: {
-          ...user,
-          name: "Ariel Santos",
-          avatar: "https://github.com/shadcn.png"
-        },
-        onLogout: logout,
-        onSettingsClick: () => navigate("/settings"),
-        location,
-        navigate,
-        routes
-      }
-    ),
-    /* @__PURE__ */ jsx(TemplateContent, {}),
-    /* @__PURE__ */ jsx(
-      XerticaAssistant,
-      {
-        isExpanded: assistenteExpanded,
-        onToggle: toggleAssistente,
-        onEvaluation: () => {
-        }
-      }
-    )
-  ] });
-}
-
-function VerifyEmailPage() {
-  const navigate = useNavigate();
-  const location = useLocation();
-  const { t } = useTranslation();
-  const email = location.state?.email || "your@email.com";
-  const [isResending, setIsResending] = useState(false);
-  const [resendSuccess, setResendSuccess] = useState(false);
-  const handleResend = async () => {
-    setIsResending(true);
-    setResendSuccess(false);
-    await new Promise((resolve) => setTimeout(resolve, 1500));
-    setIsResending(false);
-    setResendSuccess(true);
-    setTimeout(() => setResendSuccess(false), 3e3);
-  };
-  const handleSocialLogin = (_provider) => {
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        ImageWithFallback,
-        {
-          src: "https://images.unsplash.com/photo-1563986768609-322da13575f3?w=1200&h=800&fit=crop&auto=format",
-          alt: t("verifyEmail.heroImageAlt"),
-          className: "absolute inset-0 w-full h-full object-cover"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsx(LanguageSelector, { variant: "minimal", showIcon: false }) }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
-        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(
-            XerticaLogo,
-            {
-              className: "h-12 w-auto text-primary dark:text-foreground",
-              variant: "theme"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx("div", { className: "p-4 bg-primary/10 rounded-[var(--radius)]", children: /* @__PURE__ */ jsx(Mail, { className: "w-12 h-12 text-primary" }) }) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-sm text-muted-foreground", children: t("verifyEmail.heading") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: t("verifyEmail.instructionsSent") }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 text-primary", children: email })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "bg-accent rounded-[var(--radius)] p-4 space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("verifyEmail.instructions") }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(CheckCircle2, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--chart-2)]" }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("verifyEmail.checkSpam") })
-          ] })
-        ] }),
-        resendSuccess && /* @__PURE__ */ jsxs("div", { className: "bg-[var(--chart-2)]/10 border border-[var(--chart-2)]/20 rounded-[var(--radius)] p-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5 text-[var(--chart-2)] flex-shrink-0" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--chart-2)]", children: t("verifyEmail.resentSuccess") })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-center text-muted-foreground", children: t("verifyEmail.notReceived") }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              className: "w-full",
-              onClick: handleResend,
-              disabled: isResending,
-              children: isResending ? t("verifyEmail.resending") : t("verifyEmail.resend")
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              onClick: () => navigate("/login"),
-              variant: "outline",
-              className: "w-full text-muted-foreground hover:text-foreground",
-              children: [
-                /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4 mr-2" }),
-                t("verifyEmail.backToLogin")
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-border" }) }),
-          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center",
-              onClick: () => handleSocialLogin(),
-              children: [
-                /* @__PURE__ */ jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#EA4335",
-                      d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#4285F4",
-                      d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#FBBC05",
-                      d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fill: "#34A853",
-                      d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
-                ] }),
-                /* @__PURE__ */ jsx("span", { children: t("login.signInWithGoogle") })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center",
-              onClick: () => handleSocialLogin(),
-              children: [
-                /* @__PURE__ */ jsx(Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
-                /* @__PURE__ */ jsx("span", { children: t("login.signInWithMTLogin") })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              className: "w-full justify-center font-normal",
-              onClick: () => handleSocialLogin(),
-              children: /* @__PURE__ */ jsx("span", { children: t("login.signInWithGovBr") })
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-export { ForgotPasswordPage as F, HomeContent as H, LoginPage as L, ResetPasswordPage as R, TemplateContent as T, VerifyEmailPage as V, HomePage as a, TemplatePage as b };