xertica-ui 2.3.0 → 2.4.0

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

@@ -5,18 +5,18 @@ const React = require('react');
 const button = require('./button-0BlA47It.cjs');
 const input = require('./input-C_UiS2Py.cjs');
 const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
-const XerticaXLogo = require('./XerticaXLogo-bvZSgwGF.cjs');
+const XerticaXLogo = require('./XerticaXLogo-qBPhwK3g.cjs');
 const lucideReact = require('lucide-react');
 const reactRouterDom = require('react-router-dom');
-const sidebar = require('./sidebar-nzPoVHBQ.cjs');
+const sidebar = require('./sidebar-BS1p2V7t.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
 const progress = require('./progress-Cqwxbqs1.cjs');
 const LayoutContext = require('./LayoutContext-BEq_-n98.cjs');
-const ThemeContext = require('./ThemeContext-j5aGtPky.cjs');
+const ThemeContext = require('./ThemeContext-CMD3z2Dz.cjs');
 const reactQuery = require('@tanstack/react-query');
 const reactI18next = require('react-i18next');
 const FeatureCardSkeleton = require('./FeatureCardSkeleton-pTa0YNKP.cjs');
-const xerticaAssistant = require('./xertica-assistant-sOHwTgIP.cjs');
+const xerticaAssistant = require('./xertica-assistant-CIaUlbIt.cjs');
 const i18n = require('i18next');
 const richTextEditor = require('./rich-text-editor-DxO1Hz3a.cjs');
 const select = require('./select-CH6v_KcQ.cjs');
@@ -37,7 +37,7 @@ function ForgotPasswordPage() {
   };
   const handleSocialLogin = (_provider) => {
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen flex", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex overflow-y-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         alertDialog.ImageWithFallback,
@@ -182,10 +182,34 @@ 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" }
+  {
+    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));
@@ -345,21 +369,12 @@ function HomeContent() {
           {
             showThemeToggle: true,
             showLanguageSelector: true,
-            breadcrumbs: [
-              { label: t("nav.designSystem"), href: "/home" },
-              { label: t("nav.home") }
-            ],
+            breadcrumbs: [{ label: t("nav.designSystem"), href: "/home" }, { label: t("nav.home") }],
             renderLink: (href, props) => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: href, ...props })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 sm:p-4 md:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto space-y-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            alertDialog.PageHeader,
-            {
-              title: t("home.welcome"),
-              subtitle: t("home.subtitle")
-            }
-          ),
+        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-5 sm:p-4 md:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto space-y-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.PageHeader, { title: t("home.welcome"), subtitle: t("home.subtitle") }),
           /* @__PURE__ */ jsxRuntime.jsx(SectionErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(FeatureCardSkeleton.FeatureCardSkeleton, { showAction: true }),
             /* @__PURE__ */ jsxRuntime.jsx(FeatureCardSkeleton.FeatureCardSkeleton, { showAction: true }),
@@ -372,11 +387,17 @@ function HomeContent() {
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-6 h-6 text-[var(--chart-2)]" }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: t(`home.${card.id.replace(/-/g, "")}Title`, { defaultValue: card.title }) }),
-                    card.badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "text-xs", children: t(`home.${card.id.replace(/-/g, "")}badge`, { defaultValue: card.badge }) })
+                    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: t(`home.${card.id.replace(/-/g, "")}Title`, {
+                      defaultValue: card.title
+                    }) }),
+                    card.badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "default", className: "text-xs", children: t(`home.${card.id.replace(/-/g, "")}badge`, {
+                      defaultValue: card.badge
+                    }) })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t(`home.${card.id.replace(/-/g, "")}Description`, { defaultValue: card.description }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t(`home.${card.id.replace(/-/g, "")}Description`, {
+                  defaultValue: card.description
+                }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
                   button.Button,
                   {
@@ -530,7 +551,7 @@ function LoginPage({ onLogin }) {
   const handleSocialLogin = (_provider) => {
     onLogin("social@user.com", "social-auth");
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen flex", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex overflow-y-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         alertDialog.ImageWithFallback,
@@ -746,7 +767,7 @@ function ResetPasswordPage() {
         return "";
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen flex", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex overflow-y-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         alertDialog.ImageWithFallback,
@@ -2063,6 +2084,7 @@ function MapShowcase() {
 function TemplateContent() {
   const { t } = reactI18next.useTranslation();
   const layout = LayoutContext.useOptionalLayout();
+  const { disableDarkMode } = ThemeContext.useTheme();
   const [localSidebarExpanded, setLocalSidebarExpanded] = React.useState(false);
   const [localSidebarWidth, setLocalSidebarWidth] = React.useState(280);
   const sidebarExpanded = layout?.sidebarExpanded ?? localSidebarExpanded;
@@ -2106,14 +2128,8 @@ function TemplateContent() {
             renderLink: (href, props) => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: href, ...props })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 sm:p-4 md:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto space-y-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            alertDialog.PageHeader,
-            {
-              title: t("templates.title"),
-              subtitle: t("templates.subtitle")
-            }
-          ),
+        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(input.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-5 sm:p-4 md:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto space-y-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.PageHeader, { title: t("templates.title"), subtitle: t("templates.subtitle") }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4", children: t("templates.headerWithBreadcrumbs.sectionTitle") }),
             /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { children: [
@@ -2127,9 +2143,21 @@ function TemplateContent() {
                   {
                     className: "border-b",
                     breadcrumbs: [
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.dashboard"), href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" }) },
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.settings"), href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-4 h-4" }) },
-                      { label: t("templates.headerWithBreadcrumbs.breadcrumbs.users"), href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "w-4 h-4" }) },
+                      {
+                        label: t("templates.headerWithBreadcrumbs.breadcrumbs.dashboard"),
+                        href: "#",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" })
+                      },
+                      {
+                        label: t("templates.headerWithBreadcrumbs.breadcrumbs.settings"),
+                        href: "#",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-4 h-4" })
+                      },
+                      {
+                        label: t("templates.headerWithBreadcrumbs.breadcrumbs.users"),
+                        href: "#",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "w-4 h-4" })
+                      },
                       { label: t("templates.headerWithBreadcrumbs.breadcrumbs.accessProfile") }
                     ],
                     showLanguageSelector: true,
@@ -2280,11 +2308,23 @@ function TemplateContent() {
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "firstName", children: t("templates.forms.firstName") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "firstName", placeholder: t("templates.forms.firstNamePlaceholder") })
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        input.Input,
+                        {
+                          id: "firstName",
+                          placeholder: t("templates.forms.firstNamePlaceholder")
+                        }
+                      )
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "lastName", children: t("templates.forms.lastName") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id: "lastName", placeholder: t("templates.forms.lastNamePlaceholder") })
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        input.Input,
+                        {
+                          id: "lastName",
+                          placeholder: t("templates.forms.lastNamePlaceholder")
+                        }
+                      )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
@@ -2360,20 +2400,27 @@ function TemplateContent() {
                     /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { children: t("templates.forms.accountType") }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.RadioGroup, { defaultValue: "personal", "aria-label": t("templates.forms.accountType"), children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "personal", id: "personal" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "personal", className: "font-normal", children: t("templates.forms.accountPersonal") })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "business", id: "business" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "business", className: "font-normal", children: t("templates.forms.accountBusiness") })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "enterprise", id: "enterprise" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "enterprise", className: "font-normal", children: t("templates.forms.accountEnterprise") })
-                        ] })
-                      ] })
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        alertDialog.RadioGroup,
+                        {
+                          defaultValue: "personal",
+                          "aria-label": t("templates.forms.accountType"),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "personal", id: "personal" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "personal", className: "font-normal", children: t("templates.forms.accountPersonal") })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "business", id: "business" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "business", className: "font-normal", children: t("templates.forms.accountBusiness") })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.RadioGroupItem, { value: "enterprise", id: "enterprise" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "enterprise", className: "font-normal", children: t("templates.forms.accountEnterprise") })
+                            ] })
+                          ]
+                        }
+                      )
                     ] })
                   ] })
                 ] }) }),
@@ -2432,7 +2479,10 @@ function TemplateContent() {
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("team.showing", { count: teamMembers.length, total: teamMembers.length }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("team.showing", {
+                    count: teamMembers.length,
+                    total: teamMembers.length
+                  }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: t("common.previous") }),
                     /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", size: "sm", children: t("common.next") })
@@ -2445,21 +2495,23 @@ function TemplateContent() {
                   /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { children: t("templates.settings.description") })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "space-y-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "dark-mode", children: t("templates.settings.darkMode") }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("templates.settings.darkModeDescription") })
+                  !disableDarkMode && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "dark-mode", children: t("templates.settings.darkMode") }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("templates.settings.darkModeDescription") })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        alertDialog.Switch,
+                        {
+                          id: "dark-mode",
+                          checked: switchEnabled,
+                          onCheckedChange: toggleSwitch
+                        }
+                      )
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      alertDialog.Switch,
-                      {
-                        id: "dark-mode",
-                        checked: switchEnabled,
-                        onCheckedChange: toggleSwitch
-                      }
-                    )
+                    /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {})
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Separator, {}),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(alertDialog.Label, { htmlFor: "email-notifications", children: t("templates.settings.emailNotifications") }),
@@ -2686,7 +2738,10 @@ function TemplateContent() {
                           href: "#",
                           icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Home, { className: "w-4 h-4" })
                         },
-                        { label: t("templates.headerVariations.breadcrumbSettings"), href: "#" },
+                        {
+                          label: t("templates.headerVariations.breadcrumbSettings"),
+                          href: "#"
+                        },
                         { label: t("templates.headerVariations.breadcrumbProfile") }
                       ] : void 0,
                       actions: showHeaderActions ? [
@@ -2849,7 +2904,9 @@ function TemplateContent() {
                                 {
                                   path: "/assistant/refatoracao",
                                   label: t("templates.sidebar.items.sidebarRefactor"),
-                                  description: t("templates.sidebar.items.sidebarRefactorDescription"),
+                                  description: t(
+                                    "templates.sidebar.items.sidebarRefactorDescription"
+                                  ),
                                   actions: [
                                     {
                                       label: t("templates.sidebar.actions.rename"),
@@ -2866,11 +2923,15 @@ function TemplateContent() {
                                         },
                                         {
                                           label: t("templates.sidebar.actions.moveMonitoring"),
-                                          onClick: () => sonner.toast(t("templates.sidebar.actions.moveMonitoringToast"))
+                                          onClick: () => sonner.toast(
+                                            t("templates.sidebar.actions.moveMonitoringToast")
+                                          )
                                         },
                                         {
                                           label: t("templates.sidebar.actions.moveArchive"),
-                                          onClick: () => sonner.toast(t("templates.sidebar.actions.moveArchiveToast"))
+                                          onClick: () => sonner.toast(
+                                            t("templates.sidebar.actions.moveArchiveToast")
+                                          )
                                         }
                                       ]
                                     },
@@ -2965,9 +3026,21 @@ function TemplateContent() {
                           },
                           variant: "default",
                           routes: [
-                            { path: "/home", label: t("templates.sidebar.routes.home"), icon: lucideReact.Home },
-                            { path: "/dashboard", label: t("templates.sidebar.routes.dashboard"), icon: lucideReact.Users },
-                            { path: "/settings", label: t("templates.sidebar.routes.settings"), icon: lucideReact.Settings }
+                            {
+                              path: "/home",
+                              label: t("templates.sidebar.routes.home"),
+                              icon: lucideReact.Home
+                            },
+                            {
+                              path: "/dashboard",
+                              label: t("templates.sidebar.routes.dashboard"),
+                              icon: lucideReact.Users
+                            },
+                            {
+                              path: "/settings",
+                              label: t("templates.sidebar.routes.settings"),
+                              icon: lucideReact.Settings
+                            }
                           ],
                           footer: {
                             showUser: showSidebarUser,
@@ -3079,7 +3152,7 @@ function VerifyEmailPage() {
   };
   const handleSocialLogin = (_provider) => {
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen flex", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex overflow-y-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         alertDialog.ImageWithFallback,