xertica-ui 2.5.2 → 2.6.0

package/dist/{AssistantChart-BZTPJ5dP.cjs → AssistantChart-CVF2uh37.cjs}

@@ -12,7 +12,7 @@ const TogglePrimitive = require('@radix-ui/react-toggle');
 const inputOtp = require('input-otp');
 const reactSlot = require('@radix-ui/react-slot');
 const reactHookForm = require('react-hook-form');
-const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
+const alertDialog = require('./alert-dialog-CZU1Zase.cjs');
 const reactDayPicker = require('react-day-picker');
 const DialogPrimitive = require('@radix-ui/react-dialog');
 const vaul = require('vaul');
@@ -20,12 +20,12 @@ const HoverCardPrimitive = require('@radix-ui/react-hover-card');
 const ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 const MenubarPrimitive = require('@radix-ui/react-menubar');
 const cmdk = require('cmdk');
-const richTextEditor = require('./rich-text-editor-B2CKz7nx.cjs');
+const richTextEditor = require('./rich-text-editor-DnSDglzW.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
 const CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 const AccordionPrimitive = require('@radix-ui/react-accordion');
 const useEmblaCarousel = require('embla-carousel-react');
-const googleMapsLoader = require('./google-maps-loader-casMyxlo.cjs');
+const googleMapsLoader = require('./google-maps-loader-DfeBRI8Q.cjs');
 const RechartsPrimitive = require('recharts');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -3081,7 +3081,7 @@ const Search = React__namespace.forwardRef(
 );
 Search.displayName = "Search";
 
-const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo"};
+const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false};
 const RouteMapContent = React.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = googleMapsLoader.useGoogleMapsLoader();
@@ -3281,7 +3281,7 @@ const RouteMapContent = React.forwardRef(
 RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React.forwardRef((props, ref) => {
   const { isLoaded, loadError } = googleMapsLoader.useGoogleMapsLoader();
-  const effectiveApiKey = props.apiKey || typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('AssistantChart-BZTPJ5dP.cjs', document.baseURI).href)) }) !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
+  const effectiveApiKey = props.apiKey || typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('AssistantChart-CVF2uh37.cjs', document.baseURI).href)) }) !== "undefined" && __vite_import_meta_env__ && undefined                                         || "";
   const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
   if (isLoaded || isValidKey || loadError) {
     return /* @__PURE__ */ jsxRuntime.jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });

package/dist/{AssistantChart-COGiOV-g.cjs → AssistantChart-JooMdVQU.cjs}

@@ -12,7 +12,7 @@ const TogglePrimitive = require('@radix-ui/react-toggle');
 const inputOtp = require('input-otp');
 const reactSlot = require('@radix-ui/react-slot');
 const reactHookForm = require('react-hook-form');
-const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
+const alertDialog = require('./alert-dialog-DBBqvU-V.cjs');
 const reactDayPicker = require('react-day-picker');
 const DialogPrimitive = require('@radix-ui/react-dialog');
 const vaul = require('vaul');
@@ -20,12 +20,12 @@ const HoverCardPrimitive = require('@radix-ui/react-hover-card');
 const ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 const MenubarPrimitive = require('@radix-ui/react-menubar');
 const cmdk = require('cmdk');
-const richTextEditor = require('./rich-text-editor-DxO1Hz3a.cjs');
+const richTextEditor = require('./rich-text-editor-DnSDglzW.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
 const CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 const AccordionPrimitive = require('@radix-ui/react-accordion');
 const useEmblaCarousel = require('embla-carousel-react');
-const googleMapsLoader = require('./google-maps-loader-casMyxlo.cjs');
+const googleMapsLoader = require('./google-maps-loader-DfeBRI8Q.cjs');
 const RechartsPrimitive = require('recharts');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -1878,7 +1878,7 @@ const NotificationBadge = React__namespace.forwardRef(
 NotificationBadge.displayName = "NotificationBadge";
 
 const StatsCard = React__namespace.forwardRef(
-  ({ className, title, value, description, trend, icon, ...props }, ref) => {
+  ({ className, title, value, description, trend, icon, iconColor, iconBg, ...props }, ref) => {
     const getTrendIcon = () => {
       if (!trend) return null;
       if (trend.value > 0) {
@@ -1914,7 +1914,17 @@ const StatsCard = React__namespace.forwardRef(
         ] }),
         (description || trend?.label) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: trend?.label || description })
       ] }),
-      icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-[var(--radius)] bg-muted p-2 sm:p-3 text-muted-foreground flex-shrink-0", children: icon })
+      icon && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: button.cn(
+            "rounded-[var(--radius)] p-2 sm:p-3 flex-shrink-0",
+            iconBg || "bg-muted",
+            iconColor || "text-muted-foreground"
+          ),
+          children: icon
+        }
+      )
     ] }) }) });
   }
 );
@@ -3071,7 +3081,7 @@ const Search = React__namespace.forwardRef(
 );
 Search.displayName = "Search";
 
-const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo"};
+const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false};
 const RouteMapContent = React.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = googleMapsLoader.useGoogleMapsLoader();
@@ -3271,7 +3281,7 @@ const RouteMapContent = React.forwardRef(
 RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React.forwardRef((props, ref) => {
   const { isLoaded, loadError } = googleMapsLoader.useGoogleMapsLoader();
-  const effectiveApiKey = props.apiKey || typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('AssistantChart-COGiOV-g.cjs', document.baseURI).href)) }) !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
+  const effectiveApiKey = props.apiKey || typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('AssistantChart-JooMdVQU.cjs', document.baseURI).href)) }) !== "undefined" && __vite_import_meta_env__ && undefined                                         || "";
   const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
   if (isLoaded || isValidKey || loadError) {
     return /* @__PURE__ */ jsxRuntime.jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });

package/dist/{AssistantChart-CWX1OWNM.js → AssistantChart-KHS-tp-L.js}

@@ -11,7 +11,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { Slot } from '@radix-ui/react-slot';
 import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
-import { L as Label, M as Map$1 } from './alert-dialog-DqlRW_An.js';
+import { L as Label, M as Map$1 } from './alert-dialog-ClRoLH7l.js';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Drawer as Drawer$1 } from 'vaul';
@@ -19,12 +19,12 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { Command as Command$1 } from 'cmdk';
-import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from './rich-text-editor-DqLICivI.js';
+import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from './rich-text-editor-DV1SixzE.js';
 import { C as Card, b as CardContent, S as Skeleton } from './skeleton-DtR5tkYe.js';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import useEmblaCarousel from 'embla-carousel-react';
-import { u as useGoogleMapsLoader } from './google-maps-loader-BCe58h9D.js';
+import { u as useGoogleMapsLoader } from './google-maps-loader-BOug999f.js';
 import { BarChart, CartesianGrid, XAxis, Bar } from 'recharts';
 
 function AspectRatio({ ...props }) {
@@ -1847,7 +1847,7 @@ const NotificationBadge = React.forwardRef(
 NotificationBadge.displayName = "NotificationBadge";
 
 const StatsCard = React.forwardRef(
-  ({ className, title, value, description, trend, icon, ...props }, ref) => {
+  ({ className, title, value, description, trend, icon, iconColor, iconBg, ...props }, ref) => {
     const getTrendIcon = () => {
       if (!trend) return null;
       if (trend.value > 0) {
@@ -1883,7 +1883,17 @@ const StatsCard = React.forwardRef(
         ] }),
         (description || trend?.label) && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs sm:text-sm", children: trend?.label || description })
       ] }),
-      icon && /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius)] bg-muted p-2 sm:p-3 text-muted-foreground flex-shrink-0", children: icon })
+      icon && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "rounded-[var(--radius)] p-2 sm:p-3 flex-shrink-0",
+            iconBg || "bg-muted",
+            iconColor || "text-muted-foreground"
+          ),
+          children: icon
+        }
+      )
     ] }) }) });
   }
 );
@@ -3040,7 +3050,7 @@ const Search = React.forwardRef(
 );
 Search.displayName = "Search";
 
-const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo"};
+const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false};
 const RouteMapContent = React__default.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = useGoogleMapsLoader();
@@ -3240,7 +3250,7 @@ const RouteMapContent = React__default.forwardRef(
 RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React__default.forwardRef((props, ref) => {
   const { isLoaded, loadError } = useGoogleMapsLoader();
-  const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
+  const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && undefined                                         || "";
   const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
   if (isLoaded || isValidKey || loadError) {
     return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });

package/dist/{BrandColorsContext-BwY-b6M4.cjs → BrandColorsContext-B4_81eas.cjs}

@@ -86,7 +86,7 @@ function ApiKeyProvider({
       const reloadMaps = async () => {
         if (googleMapsApiKey.length < 10) return;
         try {
-          const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-9GWd0qxq.cjs'));
+          const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-BQjx1Mdf.cjs'));
           await reloadGoogleMaps(googleMapsApiKey);
           console.log("[ApiKeyContext] Google Maps recarregado com sucesso");
         } catch (error) {
@@ -113,7 +113,7 @@ function ApiKeyProvider({
       return;
     }
     try {
-      const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-9GWd0qxq.cjs'));
+      const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-BQjx1Mdf.cjs'));
       await reloadGoogleMaps(googleMapsApiKey);
       console.log("[ApiKeyContext] Google Maps recarregado manualmente");
     } catch (error) {

package/dist/{BrandColorsContext-BMRJ04Wf.js → BrandColorsContext-DbK5LnQ_.js}

@@ -84,7 +84,7 @@ function ApiKeyProvider({
       const reloadMaps = async () => {
         if (googleMapsApiKey.length < 10) return;
         try {
-          const { reloadGoogleMaps } = await import('./index-BabBx2pa.js');
+          const { reloadGoogleMaps } = await import('./index-Bei5DzAL.js');
           await reloadGoogleMaps(googleMapsApiKey);
           console.log("[ApiKeyContext] Google Maps recarregado com sucesso");
         } catch (error) {
@@ -111,7 +111,7 @@ function ApiKeyProvider({
       return;
     }
     try {
-      const { reloadGoogleMaps } = await import('./index-BabBx2pa.js');
+      const { reloadGoogleMaps } = await import('./index-Bei5DzAL.js');
       await reloadGoogleMaps(googleMapsApiKey);
       console.log("[ApiKeyContext] Google Maps recarregado manualmente");
     } catch (error) {

package/dist/{CodeBlock-CjeFavqV.js → CodeBlock-DiKO8ocT.js}

@@ -1,9 +1,10 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Check, Copy } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { B as Button } from "./button-C6uvh0rV.js";
-import { Prism } from "react-syntax-highlighter";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Check, Copy } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { B as Button } from './button-DZHzN1Gd.js';
+import { Prism } from 'react-syntax-highlighter';
+
 const elegantTheme = {
   'code[class*="language-"]': {
     color: "var(--foreground)",
@@ -143,7 +144,7 @@ const CodeBlock = ({
         try {
           await navigator.clipboard.writeText(code);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -153,7 +154,7 @@ const CodeBlock = ({
       }
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
+    } catch {
       try {
         const textArea = document.createElement("textarea");
         textArea.value = code;
@@ -216,6 +217,5 @@ const CodeBlock = ({
     ] })
   ] });
 };
-export {
-  CodeBlock as C
-};
+
+export { CodeBlock as C };

package/dist/{CodeBlock-CV6dtsTM.cjs → CodeBlock-ZYThr7Kn.cjs}

@@ -1,10 +1,12 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const lucideReact = require("lucide-react");
-const reactI18next = require("react-i18next");
-const button = require("./button-Bnv9SvYK.cjs");
-const reactSyntaxHighlighter = require("react-syntax-highlighter");
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const lucideReact = require('lucide-react');
+const reactI18next = require('react-i18next');
+const button = require('./button-0BlA47It.cjs');
+const reactSyntaxHighlighter = require('react-syntax-highlighter');
+
 const elegantTheme = {
   'code[class*="language-"]': {
     color: "var(--foreground)",
@@ -144,7 +146,7 @@ const CodeBlock = ({
         try {
           await navigator.clipboard.writeText(code);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -154,7 +156,7 @@ const CodeBlock = ({
       }
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
+    } catch {
       try {
         const textArea = document.createElement("textarea");
         textArea.value = code;
@@ -217,4 +219,5 @@ const CodeBlock = ({
     ] })
   ] });
 };
+
 exports.CodeBlock = CodeBlock;

package/dist/{XerticaXLogo-mqjoBiLI.js → LanguageSelector-CmTj3lWq.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-D-xvCZK2.js';
-import { Globe, Sun, Moon } from 'lucide-react';
+import { Sun, Moon, Globe } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { u as useLanguage, a as useTheme } from './ThemeContext-x_F2zsnv.js';
 import { B as Button } from './button-DZHzN1Gd.js';
+import { a as useTheme, u as useLanguage } from './ThemeContext-BGeh_Kdr.js';
+import { S as Select, h as SelectTrigger, a as SelectContent, c as SelectItem } from './select-D-xvCZK2.js';
 
 function XerticaLogo({
   className = "w-auto h-8",
@@ -112,43 +112,49 @@ 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({
@@ -157,8 +163,11 @@ function ThemeToggle({
   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":
@@ -204,49 +213,43 @@ function ThemeToggle({
   );
 }
 
-function XerticaXLogo({
-  className = "w-auto h-8",
-  color,
-  variant = "default"
+function LanguageSelector({
+  showLabel = false,
+  variant = "default",
+  showIcon = true,
+  className = "",
+  showWhenMonolingual = false
 }) {
-  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()
-          }
-        )
-      ] })
-    }
-  );
+  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)) })
+  ] });
 }
 
 export { LanguageSelector as L, ThemeToggle as T, XerticaLogo as X, XerticaXLogo as a };