xertica-ui 2.3.0 → 2.4.0

package/dist/ThemeContext-r69W20Xg.cjs

@@ -1,733 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const ApiKeyContext = React.createContext(void 0);
-const readStorage = (key) => {
-  var _a;
-  return typeof window !== "undefined" ? (_a = window.localStorage) == null ? void 0 : _a.getItem(key) : null;
-};
-const writeStorage = (key, value) => {
-  var _a;
-  if (typeof window === "undefined") return;
-  (_a = window.localStorage) == null ? void 0 : _a.setItem(key, value);
-};
-const removeStorage = (key) => {
-  var _a;
-  if (typeof window === "undefined") return;
-  (_a = window.localStorage) == null ? void 0 : _a.removeItem(key);
-};
-function ApiKeyProvider({
-  children,
-  initialApiKey,
-  initialGeminiApiKey,
-  initialGoogleMapsApiKey
-}) {
-  const LEAKED_KEYS = [
-    "AIzaSyCMsAMytBeOK0Qd7RKFyA5IW9eWt2WTJg",
-    "AIzaSyAiYWEIEmx212Up9zfM8kqyMXB4jLs8gq0"
-  ];
-  const [apiKey, setApiKeyState] = React.useState(() => {
-    if (initialApiKey) return initialApiKey;
-    const saved = readStorage("xertica-api-key");
-    return saved || "";
-  });
-  const [geminiApiKey, setGeminiApiKeyState] = React.useState(() => {
-    if (initialGeminiApiKey) return initialGeminiApiKey;
-    const saved = readStorage("xertica-gemini-api-key");
-    if (saved && LEAKED_KEYS.includes(saved)) {
-      removeStorage("xertica-gemini-api-key");
-      return "";
-    }
-    return saved || "";
-  });
-  const [googleMapsApiKey, setGoogleMapsApiKeyState] = React.useState(() => {
-    if (initialGoogleMapsApiKey) return initialGoogleMapsApiKey;
-    const saved = readStorage("xertica-googlemaps-api-key");
-    return saved || "";
-  });
-  const [isApiKeyValid, setIsApiKeyValid] = React.useState(false);
-  const [isGoogleMapsKeyValid, setIsGoogleMapsKeyValid] = React.useState(false);
-  React.useEffect(() => {
-    if (initialApiKey !== void 0) {
-      setApiKeyState(initialApiKey.trim());
-    }
-  }, [initialApiKey]);
-  React.useEffect(() => {
-    if (initialGeminiApiKey !== void 0) {
-      setGeminiApiKeyState(initialGeminiApiKey.trim());
-    }
-  }, [initialGeminiApiKey]);
-  React.useEffect(() => {
-    if (initialGoogleMapsApiKey !== void 0) {
-      setGoogleMapsApiKeyState(initialGoogleMapsApiKey.trim());
-    }
-  }, [initialGoogleMapsApiKey]);
-  React.useEffect(() => {
-    if (apiKey) {
-      writeStorage("xertica-api-key", apiKey);
-      setIsApiKeyValid(apiKey.length > 0);
-    } else {
-      removeStorage("xertica-api-key");
-      setIsApiKeyValid(false);
-    }
-  }, [apiKey]);
-  React.useEffect(() => {
-    if (geminiApiKey) {
-      writeStorage("xertica-gemini-api-key", geminiApiKey);
-      setIsApiKeyValid(geminiApiKey.startsWith("AIzaSy") && geminiApiKey.length > 20);
-    } else {
-      removeStorage("xertica-gemini-api-key");
-      setIsApiKeyValid(false);
-    }
-  }, [geminiApiKey]);
-  React.useEffect(() => {
-    if (googleMapsApiKey) {
-      writeStorage("xertica-googlemaps-api-key", googleMapsApiKey);
-      setIsGoogleMapsKeyValid(googleMapsApiKey.startsWith("AIzaSy") && googleMapsApiKey.length > 20);
-      const reloadMaps = async () => {
-        if (googleMapsApiKey.length < 10) return;
-        try {
-          const { reloadGoogleMaps } = await Promise.resolve().then(() => require("./index-COtD8bRW.cjs"));
-          await reloadGoogleMaps(googleMapsApiKey);
-          console.log("[ApiKeyContext] Google Maps recarregado com sucesso");
-        } catch (error) {
-          console.error("[ApiKeyContext] Erro ao recarregar Google Maps:", error);
-        }
-      };
-      reloadMaps();
-    } else {
-      removeStorage("xertica-googlemaps-api-key");
-      setIsGoogleMapsKeyValid(false);
-    }
-  }, [googleMapsApiKey]);
-  const setApiKey = (key) => {
-    setApiKeyState(key.trim());
-  };
-  const setGeminiApiKey = (key) => {
-    setGeminiApiKeyState(key.trim());
-  };
-  const setGoogleMapsApiKey = (key) => {
-    setGoogleMapsApiKeyState(key.trim());
-  };
-  const reloadMapsApi = async () => {
-    if (!googleMapsApiKey || googleMapsApiKey.length < 10) {
-      return;
-    }
-    try {
-      const { reloadGoogleMaps } = await Promise.resolve().then(() => require("./index-COtD8bRW.cjs"));
-      await reloadGoogleMaps(googleMapsApiKey);
-      console.log("[ApiKeyContext] Google Maps recarregado manualmente");
-    } catch (error) {
-      console.error("[ApiKeyContext] Erro ao recarregar Google Maps:", error);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ApiKeyContext.Provider, { value: {
-    apiKey,
-    setApiKey,
-    geminiApiKey,
-    setGeminiApiKey,
-    isApiKeyValid,
-    googleMapsApiKey,
-    setGoogleMapsApiKey,
-    isGoogleMapsKeyValid,
-    reloadMapsApi
-  }, children });
-}
-function useApiKey() {
-  const context = React.useContext(ApiKeyContext);
-  if (!context) {
-    throw new Error("useApiKey must be used within ApiKeyProvider");
-  }
-  return context;
-}
-const AssistenteContext = React.createContext(void 0);
-function AssistenteProvider({ children }) {
-  var _a;
-  const [conversaAtual, setConversaAtual] = React.useState("1");
-  const [conversas, setConversas] = React.useState([
-    {
-      id: "1",
-      titulo: "Nova Conversa",
-      mensagens: [],
-      ultimaMensagem: "",
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      favorita: false
-    }
-  ]);
-  const [isTyping, setIsTyping] = React.useState(false);
-  const [abaSelecionada, setAbaSelecionada] = React.useState("chat");
-  const [editingDocument, setEditingDocument] = React.useState(null);
-  const [searchFilter, setSearchFilter] = React.useState("all");
-  const [savedSearches, setSavedSearches] = React.useState([]);
-  const historico = ((_a = conversas.find((c) => c.id === conversaAtual)) == null ? void 0 : _a.mensagens) || [];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AssistenteContext.Provider,
-    {
-      value: {
-        historico,
-        conversaAtual,
-        setConversaAtual,
-        conversas,
-        setConversas,
-        isTyping,
-        setIsTyping,
-        abaSelecionada,
-        setAbaSelecionada,
-        editingDocument,
-        setEditingDocument,
-        searchFilter,
-        setSearchFilter,
-        savedSearches,
-        setSavedSearches
-      },
-      children
-    }
-  );
-}
-function useAssistente() {
-  const context = React.useContext(AssistenteContext);
-  if (!context) {
-    throw new Error("useAssistente must be used within AssistenteProvider");
-  }
-  return context;
-}
-const colorThemes = [
-  {
-    id: "xertica-original",
-    name: "Xertica Original",
-    description: "A identidade visual clássica da Xertica com o gradiente original",
-    colors: {
-      primary: "#2C275B",
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#5B568F",
-      primaryDarkMode: "#72CDFD",
-      primaryForegroundDark: "#09090B",
-      sidebarLight: "#2C275B",
-      // Primary Color
-      sidebarDark: "#1a1928",
-      // Original Dark BG
-      gradientStart: "#FDB0F2",
-      gradientEnd: "#72CDFD",
-      gradientStartDark: "#7B4A7A",
-      gradientEndDark: "#3A5C7D",
-      chart1: "#2C275B",
-      chart2: "#FDB0F2",
-      chart3: "#72CDFD",
-      chart4: "#5B568F",
-      chart5: "#4F46E5"
-    },
-    preview: {
-      primary: "#2C275B",
-      secondary: "#FDB0F2",
-      accent: "#72CDFD"
-    }
-  },
-  {
-    id: "zinc",
-    name: "Zinc",
-    description: "Minimalista, sério e elegante (Escala de Cinza)",
-    colors: {
-      primary: "#18181B",
-      primaryForeground: "#FAFAFA",
-      primaryLight: "#E4E4E7",
-      primaryDarkMode: "#FAFAFA",
-      primaryForegroundDark: "#18181B",
-      sidebarLight: "#18181B",
-      // Primary Color
-      sidebarDark: "#09090B",
-      gradientStart: "#52525B",
-      gradientEnd: "#D4D4D8",
-      gradientStartDark: "#27272A",
-      gradientEndDark: "#52525B",
-      chart1: "#18181B",
-      chart2: "#52525B",
-      chart3: "#A1A1AA",
-      chart4: "#D4D4D8",
-      chart5: "#E4E4E7"
-    },
-    preview: {
-      primary: "#18181B",
-      secondary: "#52525B",
-      accent: "#E4E4E7"
-    }
-  },
-  {
-    id: "slate",
-    name: "Slate",
-    description: "Profissional com tons de azul acinzentado",
-    colors: {
-      primary: "#0F172A",
-      primaryForeground: "#F8FAFC",
-      primaryLight: "#CBD5E1",
-      primaryDarkMode: "#F8FAFC",
-      primaryForegroundDark: "#0F172A",
-      sidebarLight: "#0F172A",
-      // Primary Color
-      sidebarDark: "#020617",
-      gradientStart: "#475569",
-      gradientEnd: "#94A3B8",
-      gradientStartDark: "#1E293B",
-      gradientEndDark: "#475569",
-      chart1: "#0F172A",
-      chart2: "#475569",
-      chart3: "#94A3B8",
-      chart4: "#CBD5E1",
-      chart5: "#E2E8F0"
-    },
-    preview: {
-      primary: "#0F172A",
-      secondary: "#475569",
-      accent: "#94A3B8"
-    }
-  },
-  {
-    id: "blue",
-    name: "Blue",
-    description: "Confiável e seguro, padrão corporativo",
-    colors: {
-      primary: "#2563EB",
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#DBEAFE",
-      primaryDarkMode: "#3B82F6",
-      primaryForegroundDark: "#FFFFFF",
-      sidebarLight: "#1E3A8A",
-      // Blue 900 (High Contrast Sidebar)
-      sidebarDark: "#172554",
-      gradientStart: "#2563EB",
-      gradientEnd: "#60A5FA",
-      gradientStartDark: "#1D4ED8",
-      gradientEndDark: "#2563EB",
-      chart1: "#2563EB",
-      chart2: "#3B82F6",
-      chart3: "#60A5FA",
-      chart4: "#93C5FD",
-      chart5: "#BFDBFE"
-    },
-    preview: {
-      primary: "#2563EB",
-      secondary: "#60A5FA",
-      accent: "#DBEAFE"
-    }
-  },
-  {
-    id: "violet",
-    name: "Violet",
-    description: "Criativo e vibrante",
-    colors: {
-      primary: "#7C3AED",
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#EDE9FE",
-      primaryDarkMode: "#8B5CF6",
-      primaryForegroundDark: "#FFFFFF",
-      sidebarLight: "#4C1D95",
-      // Violet 900 (High Contrast Sidebar)
-      sidebarDark: "#2E1065",
-      gradientStart: "#7C3AED",
-      gradientEnd: "#A78BFA",
-      gradientStartDark: "#5B21B6",
-      gradientEndDark: "#7C3AED",
-      chart1: "#7C3AED",
-      chart2: "#8B5CF6",
-      chart3: "#A78BFA",
-      chart4: "#C4B5FD",
-      chart5: "#DDD6FE"
-    },
-    preview: {
-      primary: "#7C3AED",
-      secondary: "#A78BFA",
-      accent: "#EDE9FE"
-    }
-  },
-  {
-    id: "rose",
-    name: "Rose",
-    description: "Elegante e suave",
-    colors: {
-      primary: "#BE123C",
-      // Rose 700 (Better text contrast for Primary)
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#FFE4E6",
-      primaryDarkMode: "#F43F5E",
-      primaryForegroundDark: "#FFFFFF",
-      sidebarLight: "#881337",
-      // Rose 900 (High Contrast Sidebar)
-      sidebarDark: "#881337",
-      gradientStart: "#E11D48",
-      gradientEnd: "#FB7185",
-      gradientStartDark: "#9F1239",
-      gradientEndDark: "#E11D48",
-      chart1: "#E11D48",
-      chart2: "#F43F5E",
-      chart3: "#FB7185",
-      chart4: "#FDA4AF",
-      chart5: "#FECDD3"
-    },
-    preview: {
-      primary: "#BE123C",
-      secondary: "#FB7185",
-      accent: "#FFE4E6"
-    }
-  },
-  {
-    id: "emerald",
-    name: "Emerald",
-    description: "Natural e equilibrado",
-    colors: {
-      primary: "#047857",
-      // Emerald 700 (Better text contrast for Primary)
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#D1FAE5",
-      primaryDarkMode: "#10B981",
-      primaryForegroundDark: "#FFFFFF",
-      sidebarLight: "#064E3B",
-      // Emerald 900 (High Contrast Sidebar)
-      sidebarDark: "#064E3B",
-      gradientStart: "#059669",
-      gradientEnd: "#34D399",
-      gradientStartDark: "#064E3B",
-      gradientEndDark: "#059669",
-      chart1: "#059669",
-      chart2: "#10B981",
-      chart3: "#34D399",
-      chart4: "#6EE7B7",
-      chart5: "#A7F3D0"
-    },
-    preview: {
-      primary: "#047857",
-      secondary: "#34D399",
-      accent: "#D1FAE5"
-    }
-  },
-  {
-    id: "amber",
-    name: "Amber",
-    description: "Quente e energético",
-    colors: {
-      primary: "#B45309",
-      // Amber 700 (Better text contrast for Primary)
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#FEF3C7",
-      primaryDarkMode: "#F59E0B",
-      primaryForegroundDark: "#FFFFFF",
-      sidebarLight: "#78350F",
-      // Amber 900 (High Contrast Sidebar)
-      sidebarDark: "#78350F",
-      gradientStart: "#D97706",
-      gradientEnd: "#FBBF24",
-      gradientStartDark: "#92400E",
-      gradientEndDark: "#D97706",
-      chart1: "#D97706",
-      chart2: "#F59E0B",
-      chart3: "#FBBF24",
-      chart4: "#FDE68A",
-      chart5: "#FEF3C7"
-    },
-    preview: {
-      primary: "#B45309",
-      secondary: "#FBBF24",
-      accent: "#FEF3C7"
-    }
-  },
-  {
-    id: "orange",
-    name: "Orange",
-    description: "Vibrante e amigável",
-    colors: {
-      primary: "#C2410C",
-      // Orange 700 (Better text contrast for Primary)
-      primaryForeground: "#FFFFFF",
-      primaryLight: "#FFEDD5",
-      primaryDarkMode: "#F97316",
-      primaryForegroundDark: "#FFFFFF",
-      sidebarLight: "#7C2D12",
-      // Orange 900 (High Contrast Sidebar)
-      sidebarDark: "#7C2D12",
-      gradientStart: "#EA580C",
-      gradientEnd: "#FB923C",
-      gradientStartDark: "#9A3412",
-      gradientEndDark: "#EA580C",
-      chart1: "#EA580C",
-      chart2: "#F97316",
-      chart3: "#FB923C",
-      chart4: "#FDBA74",
-      chart5: "#FED7AA"
-    },
-    preview: {
-      primary: "#C2410C",
-      secondary: "#FB923C",
-      accent: "#FFEDD5"
-    }
-  }
-];
-const BrandColorsContext = React.createContext(void 0);
-const BrandColorsProvider = ({
-  children,
-  defaultTheme,
-  primaryColor,
-  useCustomTokens = false
-}) => {
-  const [currentTheme, setCurrentTheme] = React.useState(() => {
-    if (primaryColor) return "custom";
-    return defaultTheme || "xertica-original";
-  });
-  const [radius, setRadius] = React.useState(0.5);
-  const [colors, setColors] = React.useState(() => {
-    if (primaryColor) {
-      return {
-        ...colorThemes[0].colors,
-        primary: primaryColor,
-        primaryDarkMode: primaryColor,
-        sidebarLight: primaryColor,
-        sidebarDark: primaryColor,
-        chart1: primaryColor
-      };
-    }
-    const theme = colorThemes.find((t) => t.id === currentTheme);
-    return (theme == null ? void 0 : theme.colors) || colorThemes[0].colors;
-  });
-  React.useEffect(() => {
-    if (primaryColor) {
-      setColors({
-        ...colorThemes[0].colors,
-        primary: primaryColor,
-        primaryDarkMode: primaryColor,
-        sidebarLight: primaryColor,
-        sidebarDark: primaryColor,
-        chart1: primaryColor
-      });
-      setCurrentTheme("custom");
-      return;
-    }
-    const theme = colorThemes.find((t) => t.id === currentTheme);
-    if (theme) {
-      setColors(theme.colors);
-    }
-  }, [currentTheme, primaryColor]);
-  const hexToRgb = (hex) => {
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    return result ? {
-      r: parseInt(result[1], 16),
-      g: parseInt(result[2], 16),
-      b: parseInt(result[3], 16)
-    } : null;
-  };
-  const applyColors = React.useCallback(() => {
-    if (useCustomTokens) return;
-    if (typeof document === "undefined") return;
-    const root = document.documentElement;
-    const isDark = root.classList.contains("dark");
-    const primary = isDark ? colors.primaryDarkMode : colors.primary;
-    const primaryForeground = isDark ? colors.primaryForegroundDark : colors.primaryForeground;
-    const gradientStart = isDark ? colors.gradientStartDark : colors.gradientStart;
-    const gradientEnd = isDark ? colors.gradientEndDark : colors.gradientEnd;
-    const semantic = {
-      success: isDark ? "#4ade80" : "#22c55e",
-      // Green 400 / 500
-      warning: isDark ? "#fbbf24" : "#f59e0b",
-      // Amber 400 / 500
-      info: isDark ? "#60a5fa" : "#3b82f6",
-      // Blue 400 / 500
-      destructive: isDark ? "#f87171" : "#ef4444"
-      // Red 400 / 500
-    };
-    const cssVars = [];
-    cssVars.push(`--primary: ${primary}`);
-    cssVars.push(`--primary-foreground: ${primaryForeground}`);
-    cssVars.push(`--success: ${semantic.success}`);
-    cssVars.push(`--success-foreground: #ffffff`);
-    cssVars.push(`--warning: ${semantic.warning}`);
-    cssVars.push(`--warning-foreground: #ffffff`);
-    cssVars.push(`--info: ${semantic.info}`);
-    cssVars.push(`--info-foreground: #ffffff`);
-    cssVars.push(`--destructive: ${semantic.destructive}`);
-    cssVars.push(`--destructive-foreground: #ffffff`);
-    const primaryRGB = hexToRgb(primary);
-    if (primaryRGB) {
-      cssVars.push(`--ring: ${isDark ? colors.primaryDarkMode : `rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.5)`}`);
-      cssVars.push(`--xertica-primary: ${primary}`);
-      cssVars.push(`--primary-light: rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.15)`);
-      cssVars.push(`--primary-light-foreground: ${primary}`);
-    }
-    cssVars.push(`--radius: ${radius}rem`);
-    cssVars.push(`--chart-1: ${colors.chart1}`);
-    cssVars.push(`--chart-2: ${colors.chart2}`);
-    cssVars.push(`--chart-3: ${colors.chart3}`);
-    cssVars.push(`--chart-4: ${colors.chart4}`);
-    cssVars.push(`--chart-5: ${colors.chart5}`);
-    const sidebarBg = isDark ? colors.sidebarDark : colors.sidebarLight;
-    const isSidebarLight = sidebarBg.toLowerCase() === "#ffffff" || sidebarBg.toLowerCase() === "#f3f4f6" || sidebarBg.toLowerCase() === "#fafafa";
-    const sidebarFg = isSidebarLight ? "#0F172A" : "#FFFFFF";
-    cssVars.push(`--sidebar: ${sidebarBg}`);
-    cssVars.push(`--sidebar-foreground: ${sidebarFg}`);
-    if (primaryRGB) {
-      if (isSidebarLight) {
-        cssVars.push(`--sidebar-accent: rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.1)`);
-        cssVars.push(`--sidebar-accent-foreground: ${primary}`);
-        cssVars.push(`--sidebar-border: rgba(0,0,0,0.1)`);
-      } else {
-        cssVars.push(`--sidebar-accent: rgba(255, 255, 255, 0.1)`);
-        cssVars.push(`--sidebar-accent-foreground: #FFFFFF`);
-        cssVars.push(`--sidebar-border: rgba(255,255,255,0.1)`);
-      }
-      cssVars.push(`--sidebar-ring: rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.5)`);
-    }
-    if (!isSidebarLight) {
-      cssVars.push(`--sidebar-primary: #FFFFFF`);
-      cssVars.push(`--sidebar-primary-foreground: ${primary}`);
-    } else {
-      cssVars.push(`--sidebar-primary: ${primary}`);
-      cssVars.push(`--sidebar-primary-foreground: ${primaryForeground}`);
-    }
-    cssVars.push(`--gradient-diagonal: linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`);
-    const styleId = "xertica-brand-colors-injection";
-    let styleEl = document.getElementById(styleId);
-    if (!styleEl) {
-      styleEl = document.createElement("style");
-      styleEl.id = styleId;
-      document.head.prepend(styleEl);
-    }
-    styleEl.innerHTML = `:root {
-  ${cssVars.join(";\n  ")};
-}`;
-  }, [colors, currentTheme, radius, useCustomTokens]);
-  React.useEffect(() => {
-    applyColors();
-  }, [applyColors]);
-  React.useEffect(() => {
-    if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
-    const root = document.documentElement;
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.type === "attributes" && mutation.attributeName === "class") {
-          applyColors();
-        }
-      });
-    });
-    observer.observe(root, { attributes: true, attributeFilter: ["class"] });
-    return () => observer.disconnect();
-  }, [applyColors]);
-  const setTheme = (themeId) => {
-    setCurrentTheme(themeId);
-  };
-  const setBrandColor = (colorKey, value) => {
-    setColors((prev) => ({
-      ...prev,
-      [colorKey]: value
-    }));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(BrandColorsContext.Provider, { value: { colors, currentTheme, themes: colorThemes, setTheme, setBrandColor, radius, setRadius }, children });
-};
-const useBrandColors = () => {
-  const context = React.useContext(BrandColorsContext);
-  if (context === void 0) {
-    throw new Error("useBrandColors must be used within a BrandColorsProvider");
-  }
-  return context;
-};
-const LanguageContext = React.createContext(void 0);
-function LanguageProvider({ children }) {
-  const [language, setLanguage] = React.useState(() => {
-    var _a;
-    const saved = typeof window !== "undefined" ? (_a = window.localStorage) == null ? void 0 : _a.getItem("xertica_language") : null;
-    return saved || "pt-BR";
-  });
-  React.useEffect(() => {
-    var _a;
-    if (typeof window === "undefined") return;
-    (_a = window.localStorage) == null ? void 0 : _a.setItem("xertica_language", language);
-  }, [language]);
-  return /* @__PURE__ */ jsxRuntime.jsx(LanguageContext.Provider, { value: { language, setLanguage }, children });
-}
-function useLanguage() {
-  const context = React.useContext(LanguageContext);
-  if (context === void 0) {
-    throw new Error("useLanguage must be used within a LanguageProvider");
-  }
-  return context;
-}
-const ThemeContext = React.createContext(void 0);
-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);
-      if (savedTheme && (savedTheme === "light" || savedTheme === "dark")) {
-        return savedTheme;
-      }
-      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-        return "dark";
-      }
-    }
-    return "light";
-  };
-  const [theme, setThemeState] = React.useState(getInitialTheme);
-  React.useEffect(() => {
-    if (disableDarkMode && theme === "dark") {
-      setThemeState("light");
-    }
-  }, [disableDarkMode, theme]);
-  React.useEffect(() => {
-    var _a;
-    if (typeof document === "undefined") return;
-    const root = document.documentElement;
-    root.classList.remove("light", "dark");
-    if (theme === "dark") {
-      root.classList.add("dark");
-    } else {
-      root.classList.add("light");
-    }
-    if (typeof window !== "undefined") {
-      (_a = window.localStorage) == null ? void 0 : _a.setItem(storageKey, theme);
-    }
-  }, [theme, storageKey]);
-  React.useEffect(() => {
-    var _a;
-    if (disableDarkMode) return;
-    if (typeof window === "undefined" || !window.matchMedia) return;
-    if (!((_a = window.localStorage) == null ? void 0 : _a.getItem(storageKey))) {
-      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-      const handleChange = (e) => {
-        setThemeState(e.matches ? "dark" : "light");
-      };
-      mediaQuery.addEventListener("change", handleChange);
-      return () => mediaQuery.removeEventListener("change", handleChange);
-    }
-  }, [disableDarkMode, storageKey]);
-  const toggleTheme = () => {
-    if (disableDarkMode) return;
-    setThemeState((prevTheme) => prevTheme === "light" ? "dark" : "light");
-  };
-  const setTheme = (newTheme) => {
-    if (disableDarkMode && newTheme === "dark") return;
-    setThemeState(newTheme);
-  };
-  const setThemeMode = setTheme;
-  const value = {
-    theme,
-    toggleTheme,
-    setTheme,
-    setThemeMode,
-    isDark: theme === "dark",
-    disableDarkMode
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
-}
-function useTheme() {
-  const context = React.useContext(ThemeContext);
-  if (context === void 0) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}
-exports.ApiKeyProvider = ApiKeyProvider;
-exports.AssistenteProvider = AssistenteProvider;
-exports.BrandColorsProvider = BrandColorsProvider;
-exports.LanguageProvider = LanguageProvider;
-exports.ThemeProvider = ThemeProvider;
-exports.useApiKey = useApiKey;
-exports.useAssistente = useAssistente;
-exports.useBrandColors = useBrandColors;
-exports.useLanguage = useLanguage;
-exports.useTheme = useTheme;