xertica-ui 2.5.3 → 2.7.0

package/dist/{ThemeContext-RTy1m2Uq.js → ThemeContext-Dk3tH7Ym.js}

@@ -1,13 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useState, useEffect, useContext } from "react";
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
+
 const ThemeContext = createContext(void 0);
-function ThemeProvider({ children, disableDarkMode = false, defaultTheme, storageKey = "xertica-theme" }) {
+function ThemeProvider({
+  children,
+  disableDarkMode = false,
+  defaultTheme,
+  storageKey = "xertica-theme"
+}) {
   const getInitialTheme = () => {
-    var _a;
     if (disableDarkMode) return "light";
     if (defaultTheme) return defaultTheme;
     if (typeof window !== "undefined") {
-      const savedTheme = (_a = window.localStorage) == null ? void 0 : _a.getItem(storageKey);
+      const savedTheme = window.localStorage?.getItem(storageKey);
       if (savedTheme && (savedTheme === "light" || savedTheme === "dark")) {
         return savedTheme;
       }
@@ -24,7 +29,6 @@ function ThemeProvider({ children, disableDarkMode = false, defaultTheme, storag
     }
   }, [disableDarkMode, theme]);
   useEffect(() => {
-    var _a;
     if (typeof document === "undefined") return;
     const root = document.documentElement;
     root.classList.remove("light", "dark");
@@ -34,14 +38,13 @@ function ThemeProvider({ children, disableDarkMode = false, defaultTheme, storag
       root.classList.add("light");
     }
     if (typeof window !== "undefined") {
-      (_a = window.localStorage) == null ? void 0 : _a.setItem(storageKey, theme);
+      window.localStorage?.setItem(storageKey, theme);
     }
   }, [theme, storageKey]);
   useEffect(() => {
-    var _a;
     if (disableDarkMode) return;
     if (typeof window === "undefined" || !window.matchMedia) return;
-    if (!((_a = window.localStorage) == null ? void 0 : _a.getItem(storageKey))) {
+    if (!window.localStorage?.getItem(storageKey)) {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
       const handleChange = (e) => {
         setThemeState(e.matches ? "dark" : "light");
@@ -76,7 +79,5 @@ function useTheme() {
   }
   return context;
 }
-export {
-  ThemeProvider as T,
-  useTheme as u
-};
+
+export { ThemeProvider as T, useTheme as u };

package/dist/{XerticaXLogo-CFuIlYFH.js → ThemeToggle-BpM_iHh8.js}

@@ -1,9 +1,9 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { S as Select, h as SelectTrigger, a as SelectContent, c as SelectItem } from "./select-CprSNX0z.js";
-import { Globe, Sun, Moon } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { u as useLanguage, a as useTheme } from "./ThemeContext-Bo-W2WZH.js";
-import { B as Button } from "./button-C6uvh0rV.js";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Sun, Moon } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { B as Button } from './button-DZHzN1Gd.js';
+import { u as useTheme } from './ThemeContext-Dk3tH7Ym.js';
+
 function XerticaLogo({
   className = "w-auto h-8",
   color,
@@ -110,52 +110,63 @@ function XerticaLogo({
     }
   );
 }
-function LanguageSelector({
-  showLabel = false,
-  variant = "default",
-  showIcon = true,
-  className = "",
-  showWhenMonolingual = false
+
+function XerticaXLogo({
+  className = "w-auto h-8",
+  color,
+  variant = "default"
 }) {
-  const { language, setLanguage, availableLanguages, isMonolingual } = useLanguage();
-  const { t } = useTranslation();
-  if (isMonolingual && !showWhenMonolingual) {
-    return null;
-  }
-  const items = availableLanguages.map((lang) => {
-    const knownLabelKey = lang.code === "pt-BR" ? "languageSelector.ptBR" : lang.code === "en" ? "languageSelector.en" : lang.code === "es" ? "languageSelector.es" : null;
-    return {
-      value: lang.code,
-      label: knownLabelKey ? t(knownLabelKey, lang.label) : lang.label,
-      // Fall back to the first two characters of the code if no shortLabel given
-      minimalLabel: lang.shortLabel ?? lang.code.slice(0, 2).toUpperCase()
-    };
-  });
-  const currentItem = items.find((l) => l.value === language) ?? items[0];
-  const displayLabel = variant === "minimal" ? currentItem.minimalLabel : currentItem.label;
-  return /* @__PURE__ */ jsxs(Select, { value: language, onValueChange: (val) => setLanguage(val), children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        className: `h-9 gap-2 px-3 border-none shadow-none focus:ring-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground ${className}`,
-        "aria-label": t("languageSelector.label", "Selecionar idioma"),
-        children: [
-          showIcon && /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm", children: displayLabel })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { align: "end", children: items.map(({ value, label }) => /* @__PURE__ */ jsx(SelectItem, { value, children: label }, value)) })
-  ] });
+  const getColor = () => {
+    if (color) return color;
+    switch (variant) {
+      case "white":
+        return "#FFFFFF";
+      case "theme":
+        return "currentColor";
+      default:
+        return "var(--primary)";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      fill: "none",
+      preserveAspectRatio: "xMidYMid meet",
+      viewBox: "0 0 258 282",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxs("g", { id: "Xertica X", children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M67.2666 0.0361328L89.7793 33.3447L159.63 137.228L84.7471 248.178L61.8115 282H0L97.7109 137.228L5.45508 0.0361328H67.2666Z",
+            fill: getColor()
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M258 282H196.185L154.114 219.951L185.192 174.123L258 282Z", fill: getColor() }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M252.696 0.186523L185.042 100.142L154.106 54.0693L190.884 0L252.696 0.186523Z",
+            fill: getColor()
+          }
+        )
+      ] })
+    }
+  );
 }
+
 function ThemeToggle({
   size = "md",
   variant = "ghost",
   className = "",
   showLabel = false
 }) {
-  const { isDark, toggleTheme } = useTheme();
+  const { isDark, toggleTheme, disableDarkMode } = useTheme();
   const { t } = useTranslation();
+  if (disableDarkMode) {
+    return null;
+  }
   const getSizeClasses = () => {
     switch (size) {
       case "sm":
@@ -200,53 +211,5 @@ function ThemeToggle({
     }
   );
 }
-function XerticaXLogo({
-  className = "w-auto h-8",
-  color,
-  variant = "default"
-}) {
-  const getColor = () => {
-    if (color) return color;
-    switch (variant) {
-      case "white":
-        return "#FFFFFF";
-      case "theme":
-        return "currentColor";
-      default:
-        return "var(--primary)";
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      fill: "none",
-      preserveAspectRatio: "xMidYMid meet",
-      viewBox: "0 0 258 282",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsxs("g", { id: "Xertica X", children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M67.2666 0.0361328L89.7793 33.3447L159.63 137.228L84.7471 248.178L61.8115 282H0L97.7109 137.228L5.45508 0.0361328H67.2666Z",
-            fill: getColor()
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M258 282H196.185L154.114 219.951L185.192 174.123L258 282Z", fill: getColor() }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M252.696 0.186523L185.042 100.142L154.106 54.0693L190.884 0L252.696 0.186523Z",
-            fill: getColor()
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  LanguageSelector as L,
-  ThemeToggle as T,
-  XerticaLogo as X,
-  XerticaXLogo as a
-};
+
+export { ThemeToggle as T, XerticaLogo as X, XerticaXLogo as a };

package/dist/{XerticaXLogo-CziKMQil.cjs → ThemeToggle-CZRlv0d4.cjs}

@@ -1,10 +1,11 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const select = require("./select-Cmb8zF7w.cjs");
-const lucideReact = require("lucide-react");
-const reactI18next = require("react-i18next");
-const ThemeContext = require("./ThemeContext-U4dEYc6C.cjs");
-const button = require("./button-Bnv9SvYK.cjs");
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const reactI18next = require('react-i18next');
+const button = require('./button-0BlA47It.cjs');
+const ThemeContext = require('./ThemeContext-CEY9pCn-.cjs');
+
 function XerticaLogo({
   className = "w-auto h-8",
   color,
@@ -111,43 +112,63 @@ function XerticaLogo({
     }
   );
 }
-function LanguageSelector({
-  showLabel = false,
-  variant = "default",
-  showIcon = true,
-  className = ""
+
+function XerticaXLogo({
+  className = "w-auto h-8",
+  color,
+  variant = "default"
 }) {
-  const { language, setLanguage } = ThemeContext.useLanguage();
-  const { t } = reactI18next.useTranslation();
-  const LANGUAGES = [
-    { value: "pt-BR", label: t("languageSelector.ptBR", "Português (BR)"), minimalLabel: "PT" },
-    { value: "en", label: t("languageSelector.en", "English"), minimalLabel: "EN" },
-    { value: "es", label: t("languageSelector.es", "Español"), minimalLabel: "ES" }
-  ];
-  const currentItem = LANGUAGES.find((l) => l.value === language) || LANGUAGES[0];
-  const displayLabel = variant === "minimal" ? currentItem.minimalLabel : currentItem.label;
-  return /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: language, onValueChange: (val) => setLanguage(val), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      select.SelectTrigger,
-      {
-        className: `h-9 gap-2 px-3 border-none shadow-none focus:ring-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground ${className}`,
-        "aria-label": t("languageSelector.label", "Selecionar idioma"),
-        children: [
-          showIcon && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: displayLabel })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { align: "end", children: LANGUAGES.map(({ value, label }) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value, children: label }, value)) })
-  ] });
+  const getColor = () => {
+    if (color) return color;
+    switch (variant) {
+      case "white":
+        return "#FFFFFF";
+      case "theme":
+        return "currentColor";
+      default:
+        return "var(--primary)";
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      fill: "none",
+      preserveAspectRatio: "xMidYMid meet",
+      viewBox: "0 0 258 282",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Xertica X", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M67.2666 0.0361328L89.7793 33.3447L159.63 137.228L84.7471 248.178L61.8115 282H0L97.7109 137.228L5.45508 0.0361328H67.2666Z",
+            fill: getColor()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M258 282H196.185L154.114 219.951L185.192 174.123L258 282Z", fill: getColor() }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M252.696 0.186523L185.042 100.142L154.106 54.0693L190.884 0L252.696 0.186523Z",
+            fill: getColor()
+          }
+        )
+      ] })
+    }
+  );
 }
+
 function ThemeToggle({
   size = "md",
   variant = "ghost",
   className = "",
   showLabel = false
 }) {
-  const { isDark, toggleTheme } = ThemeContext.useTheme();
+  const { isDark, toggleTheme, disableDarkMode } = ThemeContext.useTheme();
+  const { t } = reactI18next.useTranslation();
+  if (disableDarkMode) {
+    return null;
+  }
   const getSizeClasses = () => {
     switch (size) {
       case "sm":
@@ -175,8 +196,8 @@ function ThemeToggle({
       variant,
       onClick: toggleTheme,
       className: `group ${buttonClasses} transition-all duration-200 hover:scale-105 ${className}`,
-      title: isDark ? "Mudar para tema claro" : "Mudar para tema escuro",
-      "aria-label": isDark ? "Mudar para tema claro" : "Mudar para tema escuro",
+      title: isDark ? t("themeToggle.switchToLight") : t("themeToggle.switchToDark"),
+      "aria-label": isDark ? t("themeToggle.switchToLight") : t("themeToggle.switchToDark"),
       children: isDark ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           lucideReact.Sun,
@@ -184,59 +205,15 @@ function ThemeToggle({
             className: `${getIconSize()} text-primary dark:text-amber-400 group-hover:opacity-80`
           }
         ),
-        showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Modo Claro" })
+        showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("themeToggle.lightMode") })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { className: `${getIconSize()} text-muted-foreground group-hover:text-foreground` }),
-        showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Modo Escuro" })
-      ] })
-    }
-  );
-}
-function XerticaXLogo({
-  className = "w-auto h-8",
-  color,
-  variant = "default"
-}) {
-  const getColor = () => {
-    if (color) return color;
-    switch (variant) {
-      case "white":
-        return "#FFFFFF";
-      case "theme":
-        return "currentColor";
-      default:
-        return "var(--primary)";
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      fill: "none",
-      preserveAspectRatio: "xMidYMid meet",
-      viewBox: "0 0 258 282",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Xertica X", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M67.2666 0.0361328L89.7793 33.3447L159.63 137.228L84.7471 248.178L61.8115 282H0L97.7109 137.228L5.45508 0.0361328H67.2666Z",
-            fill: getColor()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M258 282H196.185L154.114 219.951L185.192 174.123L258 282Z", fill: getColor() }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M252.696 0.186523L185.042 100.142L154.106 54.0693L190.884 0L252.696 0.186523Z",
-            fill: getColor()
-          }
-        )
+        showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("themeToggle.darkMode") })
       ] })
     }
   );
 }
-exports.LanguageSelector = LanguageSelector;
+
 exports.ThemeToggle = ThemeToggle;
 exports.XerticaLogo = XerticaLogo;
 exports.XerticaXLogo = XerticaXLogo;

package/dist/{VerifyEmailPage-C_Zk6Gen.cjs → VerifyEmailPage-B6bOrybJ.cjs}

@@ -3,12 +3,12 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const button = require('./button-0BlA47It.cjs');
-const input = require('./input-C_UiS2Py.cjs');
-const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
-const XerticaXLogo = require('./XerticaXLogo-qBPhwK3g.cjs');
+const input = require('./input-ByYuOv8A.cjs');
+const alertDialog = require('./alert-dialog-DBBqvU-V.cjs');
+const LanguageSelector = require('./LanguageSelector-1cINLJ23.cjs');
 const lucideReact = require('lucide-react');
 const reactRouterDom = require('react-router-dom');
-const sidebar = require('./sidebar-CLmIjgNd.cjs');
+const sidebar = require('./sidebar-BGJ0j567.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
 const progress = require('./progress-Cqwxbqs1.cjs');
 const LayoutContext = require('./LayoutContext-BEq_-n98.cjs');
@@ -16,9 +16,9 @@ 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-QFUnv5I2.cjs');
+const xerticaAssistant = require('./xertica-assistant-DxhIKvuY.cjs');
 const i18n = require('i18next');
-const richTextEditor = require('./rich-text-editor-B2CKz7nx.cjs');
+const richTextEditor = require('./rich-text-editor-BuqSu718.cjs');
 const select = require('./select-CH6v_KcQ.cjs');
 const slider = require('./slider-B00b9SVK.cjs');
 const sonner = require('sonner');
@@ -50,12 +50,12 @@ function ForgotPasswordPage() {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(XerticaXLogo.LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector.LanguageSelector, { variant: "minimal", showIcon: false }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-            XerticaXLogo.XerticaLogo,
+            LanguageSelector.XerticaLogo,
             {
               className: "h-12 w-auto text-primary dark:text-foreground",
               variant: "theme"
@@ -373,7 +373,7 @@ function HomeContent() {
             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-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("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full", style: { overflowY: "auto", overflowX: "hidden" }, 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 }),
@@ -564,12 +564,12 @@ function LoginPage({ onLogin }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(XerticaXLogo.LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector.LanguageSelector, { variant: "minimal", showIcon: false }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-            XerticaXLogo.XerticaLogo,
+            LanguageSelector.XerticaLogo,
             {
               className: "h-12 w-auto text-primary dark:text-foreground",
               variant: "theme"
@@ -780,7 +780,7 @@ function ResetPasswordPage() {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(XerticaXLogo.LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector.LanguageSelector, { variant: "minimal", showIcon: false }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -796,7 +796,7 @@ function ResetPasswordPage() {
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-            XerticaXLogo.XerticaLogo,
+            LanguageSelector.XerticaLogo,
             {
               className: "h-12 w-auto text-primary dark:text-foreground",
               variant: "theme"
@@ -1508,7 +1508,7 @@ function DrawingMapExample({ apiKey }) {
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "p-0 flex flex-col md:flex-row h-[600px] bg-background", children: [
       /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(input.ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(richTextEditor.ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2", children: "Ferramentas" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -2128,7 +2128,7 @@ 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-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("main", { className: "flex-1 overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full", style: { overflowY: "auto", overflowX: "hidden" }, 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") }),
@@ -3165,12 +3165,12 @@ function VerifyEmailPage() {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(XerticaXLogo.LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector.LanguageSelector, { variant: "minimal", showIcon: false }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-sm space-y-6 relative z-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-            XerticaXLogo.XerticaLogo,
+            LanguageSelector.XerticaLogo,
             {
               className: "h-12 w-auto text-primary dark:text-foreground",
               variant: "theme"