xertica-ui 2.1.2 → 2.1.3

package/contexts/ApiKeyContext.tsx

@@ -12,110 +12,110 @@ interface ApiKeyContextType {
   reloadMapsApi: () => Promise<void>;
 }
 
-const ApiKeyContext = createContext<ApiKeyContextType | undefined>(undefined);
-
-const readStorage = (key: string) =>
-  typeof window !== 'undefined' ? window.localStorage?.getItem(key) : null;
-
-const writeStorage = (key: string, value: string) => {
-  if (typeof window === 'undefined') return;
-  window.localStorage?.setItem(key, value);
-};
-
-const removeStorage = (key: string) => {
-  if (typeof window === 'undefined') return;
-  window.localStorage?.removeItem(key);
-};
-
-interface ApiKeyProviderProps {
-  children: ReactNode;
-  initialApiKey?: string;
-  initialGeminiApiKey?: string;
-  initialGoogleMapsApiKey?: string;
-}
-
-export function ApiKeyProvider({
-  children,
-  initialApiKey,
-  initialGeminiApiKey,
-  initialGoogleMapsApiKey,
-}: ApiKeyProviderProps) {
+const ApiKeyContext = createContext<ApiKeyContextType | undefined>(undefined);
+
+const readStorage = (key: string) =>
+  typeof window !== 'undefined' ? window.localStorage?.getItem(key) : null;
+
+const writeStorage = (key: string, value: string) => {
+  if (typeof window === 'undefined') return;
+  window.localStorage?.setItem(key, value);
+};
+
+const removeStorage = (key: string) => {
+  if (typeof window === 'undefined') return;
+  window.localStorage?.removeItem(key);
+};
+
+interface ApiKeyProviderProps {
+  children: ReactNode;
+  initialApiKey?: string;
+  initialGeminiApiKey?: string;
+  initialGoogleMapsApiKey?: string;
+}
+
+export function ApiKeyProvider({
+  children,
+  initialApiKey,
+  initialGeminiApiKey,
+  initialGoogleMapsApiKey,
+}: ApiKeyProviderProps) {
   // Lista de chaves conhecidas como vazadas (para limpeza automática)
   const LEAKED_KEYS = [
     'AIzaSyCMsAMytBeOK0Qd7RKFyA5IW9eWt2WTJg',
     'AIzaSyAiYWEIEmx212Up9zfM8kqyMXB4jLs8gq0'
   ];
 
-  const [apiKey, setApiKeyState] = useState<string>(() => {
-    if (initialApiKey) return initialApiKey;
-    const saved = readStorage('xertica-api-key');
-    return saved || '';
-  });
-
-  const [geminiApiKey, setGeminiApiKeyState] = useState<string>(() => {
-    if (initialGeminiApiKey) return initialGeminiApiKey;
-    const saved = readStorage('xertica-gemini-api-key');
+  const [apiKey, setApiKeyState] = useState<string>(() => {
+    if (initialApiKey) return initialApiKey;
+    const saved = readStorage('xertica-api-key');
+    return saved || '';
+  });
+
+  const [geminiApiKey, setGeminiApiKeyState] = useState<string>(() => {
+    if (initialGeminiApiKey) return initialGeminiApiKey;
+    const saved = readStorage('xertica-gemini-api-key');
     
     // Se a chave salva estiver na lista de vazadas, removê-la
     if (saved && LEAKED_KEYS.includes(saved)) {
-      removeStorage('xertica-gemini-api-key');
+      removeStorage('xertica-gemini-api-key');
       return '';
     }
     
     return saved || '';
   });
-
-  const [googleMapsApiKey, setGoogleMapsApiKeyState] = useState<string>(() => {
-    if (initialGoogleMapsApiKey) return initialGoogleMapsApiKey;
-    const saved = readStorage('xertica-googlemaps-api-key');
-    return saved || '';
-  });
-
-  const [isApiKeyValid, setIsApiKeyValid] = useState(false);
-  const [isGoogleMapsKeyValid, setIsGoogleMapsKeyValid] = useState(false);
-
-  useEffect(() => {
-    if (initialApiKey !== undefined) {
-      setApiKeyState(initialApiKey.trim());
-    }
-  }, [initialApiKey]);
-
-  useEffect(() => {
-    if (initialGeminiApiKey !== undefined) {
-      setGeminiApiKeyState(initialGeminiApiKey.trim());
-    }
-  }, [initialGeminiApiKey]);
-
-  useEffect(() => {
-    if (initialGoogleMapsApiKey !== undefined) {
-      setGoogleMapsApiKeyState(initialGoogleMapsApiKey.trim());
-    }
-  }, [initialGoogleMapsApiKey]);
+
+  const [googleMapsApiKey, setGoogleMapsApiKeyState] = useState<string>(() => {
+    if (initialGoogleMapsApiKey) return initialGoogleMapsApiKey;
+    const saved = readStorage('xertica-googlemaps-api-key');
+    return saved || '';
+  });
+
+  const [isApiKeyValid, setIsApiKeyValid] = useState(false);
+  const [isGoogleMapsKeyValid, setIsGoogleMapsKeyValid] = useState(false);
+
+  useEffect(() => {
+    if (initialApiKey !== undefined) {
+      setApiKeyState(initialApiKey.trim());
+    }
+  }, [initialApiKey]);
+
+  useEffect(() => {
+    if (initialGeminiApiKey !== undefined) {
+      setGeminiApiKeyState(initialGeminiApiKey.trim());
+    }
+  }, [initialGeminiApiKey]);
+
+  useEffect(() => {
+    if (initialGoogleMapsApiKey !== undefined) {
+      setGoogleMapsApiKeyState(initialGoogleMapsApiKey.trim());
+    }
+  }, [initialGoogleMapsApiKey]);
 
   useEffect(() => {
     if (apiKey) {
-      writeStorage('xertica-api-key', apiKey);
+      writeStorage('xertica-api-key', apiKey);
       setIsApiKeyValid(apiKey.length > 0);
     } else {
-      removeStorage('xertica-api-key');
+      removeStorage('xertica-api-key');
       setIsApiKeyValid(false);
     }
   }, [apiKey]);
 
   useEffect(() => {
     if (geminiApiKey) {
-      writeStorage('xertica-gemini-api-key', geminiApiKey);
+      writeStorage('xertica-gemini-api-key', geminiApiKey);
       // Validação básica do formato da chave
       setIsApiKeyValid(geminiApiKey.startsWith('AIzaSy') && geminiApiKey.length > 20);
     } else {
-      removeStorage('xertica-gemini-api-key');
+      removeStorage('xertica-gemini-api-key');
       setIsApiKeyValid(false);
     }
   }, [geminiApiKey]);
 
   useEffect(() => {
     if (googleMapsApiKey) {
-      writeStorage('xertica-googlemaps-api-key', googleMapsApiKey);
+      writeStorage('xertica-googlemaps-api-key', googleMapsApiKey);
       // Validação básica do formato da chave do Google Maps
       setIsGoogleMapsKeyValid(googleMapsApiKey.startsWith('AIzaSy') && googleMapsApiKey.length > 20);
       
@@ -134,7 +134,7 @@ export function ApiKeyProvider({
       
       reloadMaps();
     } else {
-      removeStorage('xertica-googlemaps-api-key');
+      removeStorage('xertica-googlemaps-api-key');
       setIsGoogleMapsKeyValid(false);
     }
   }, [googleMapsApiKey]);
@@ -189,4 +189,4 @@ export function useApiKey() {
     throw new Error('useApiKey must be used within ApiKeyProvider');
   }
   return context;
-}
+}

package/contexts/BrandColorsContext.tsx

@@ -88,11 +88,11 @@ export const BrandColorsProvider: React.FC<BrandColorsProviderProps> = ({
   };
 
   // Função para aplicar as cores baseadas no modo atual e tema
-  const applyColors = React.useCallback(() => {
-    if (useCustomTokens) return; // Skip if user wants to use local tokens.css
-    if (typeof document === 'undefined') return;
-
-    const root = document.documentElement;
+  const applyColors = React.useCallback(() => {
+    if (useCustomTokens) return; // Skip if user wants to use local tokens.css
+    if (typeof document === 'undefined') return;
+
+    const root = document.documentElement;
     const isDark = root.classList.contains('dark');
 
     // --- Determine Colors based on Mode ---
@@ -105,13 +105,13 @@ export const BrandColorsProvider: React.FC<BrandColorsProviderProps> = ({
 
     // --- Semantic Colors (Fixed Standard) ---
     // Success (Green), Warning (Amber/Yellow), Info (Blue), Destructive (Red)
-    const semantic = {
-      success: isDark ? '#4ade80' : '#047857', // Green 400 / 700
-      warning: isDark ? '#fbbf24' : '#b45309', // Amber 400 / 700
-      info: isDark ? '#60a5fa' : '#1d4ed8', // Blue 400 / 700
-      destructive: isDark ? '#f87171' : '#b91c1c', // Red 400 / 700
-      foreground: isDark ? '#050505' : '#ffffff',
-    };
+    const semantic = {
+      success: isDark ? '#4ade80' : '#047857', // Green 400 / 700
+      warning: isDark ? '#fbbf24' : '#b45309', // Amber 400 / 700
+      info: isDark ? '#60a5fa' : '#1d4ed8', // Blue 400 / 700
+      destructive: isDark ? '#f87171' : '#b91c1c', // Red 400 / 700
+      foreground: isDark ? '#050505' : '#ffffff',
+    };
 
     // --- Apply CSS Variables ---
     const cssVars: string[] = [];
@@ -120,15 +120,15 @@ export const BrandColorsProvider: React.FC<BrandColorsProviderProps> = ({
     cssVars.push(`--primary: ${primary}`);
     cssVars.push(`--primary-foreground: ${primaryForeground}`);
 
-    // 2. Semantic Colors
-    cssVars.push(`--success: ${semantic.success}`);
-    cssVars.push(`--success-foreground: ${semantic.foreground}`);
-    cssVars.push(`--warning: ${semantic.warning}`);
-    cssVars.push(`--warning-foreground: ${semantic.foreground}`);
-    cssVars.push(`--info: ${semantic.info}`);
-    cssVars.push(`--info-foreground: ${semantic.foreground}`);
-    cssVars.push(`--destructive: ${semantic.destructive}`);
-    cssVars.push(`--destructive-foreground: ${semantic.foreground}`);
+    // 2. Semantic Colors
+    cssVars.push(`--success: ${semantic.success}`);
+    cssVars.push(`--success-foreground: ${semantic.foreground}`);
+    cssVars.push(`--warning: ${semantic.warning}`);
+    cssVars.push(`--warning-foreground: ${semantic.foreground}`);
+    cssVars.push(`--info: ${semantic.info}`);
+    cssVars.push(`--info-foreground: ${semantic.foreground}`);
+    cssVars.push(`--destructive: ${semantic.destructive}`);
+    cssVars.push(`--destructive-foreground: ${semantic.foreground}`);
 
     // 3. Secondary & Accents (Derived or Specific)
     const primaryRGB = hexToRgb(primary);
@@ -205,10 +205,10 @@ export const BrandColorsProvider: React.FC<BrandColorsProviderProps> = ({
     applyColors();
   }, [applyColors]);
 
-  // Observar mudanças na classe 'dark' do documento
-  useEffect(() => {
-    if (typeof document === 'undefined' || typeof MutationObserver === 'undefined') return;
-    const root = document.documentElement;
+  // Observar mudanças na classe 'dark' do documento
+  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') {
@@ -244,4 +244,4 @@ export const useBrandColors = () => {
     throw new Error('useBrandColors must be used within a BrandColorsProvider');
   }
   return context;
-};
+};

package/contexts/LanguageContext.tsx

@@ -10,18 +10,18 @@ interface LanguageContextType {
 const LanguageContext = createContext<LanguageContextType | undefined>(undefined);
 
 // Provider simplificado - mantém seletor visual mas funciona apenas em português
-export function LanguageProvider({ children }: { children: ReactNode }) {
-  const [language, setLanguage] = useState<Language>(() => {
-    const saved = typeof window !== 'undefined'
-      ? window.localStorage?.getItem('xertica_language')
-      : null;
-    return (saved as Language) || 'pt-BR';
-  });
-
-  useEffect(() => {
-    if (typeof window === 'undefined') return;
-    window.localStorage?.setItem('xertica_language', language);
-  }, [language]);
+export function LanguageProvider({ children }: { children: ReactNode }) {
+  const [language, setLanguage] = useState<Language>(() => {
+    const saved = typeof window !== 'undefined'
+      ? window.localStorage?.getItem('xertica_language')
+      : null;
+    return (saved as Language) || 'pt-BR';
+  });
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    window.localStorage?.setItem('xertica_language', language);
+  }, [language]);
 
   return (
     <LanguageContext.Provider value={{ language, setLanguage }}>
@@ -36,4 +36,4 @@ export function useLanguage() {
     throw new Error('useLanguage must be used within a LanguageProvider');
   }
   return context;
-}
+}

package/contexts/LayoutContext.test.tsx

@@ -1,10 +1,10 @@
 import { renderHook, act } from '@testing-library/react';
 import { describe, it, expect } from 'vitest';
-import { LayoutProvider, useLayout, useOptionalLayout } from './LayoutContext';
+import { LayoutProvider, useLayout, useOptionalLayout } from './LayoutContext';
 import React from 'react';
 
 describe('LayoutContext', () => {
-  it('toggles sidebar', () => {
+  it('toggles sidebar', () => {
     const wrapper = ({ children }: { children: React.ReactNode }) => (
       <LayoutProvider>{children}</LayoutProvider>
     );
@@ -18,12 +18,12 @@ describe('LayoutContext', () => {
       result.current.toggleSidebar();
     });
     
-    expect(result.current.sidebarExpanded).toBe(!initial);
-  });
-
-  it('returns null for optional layout outside the provider', () => {
-    const { result } = renderHook(() => useOptionalLayout());
-
-    expect(result.current).toBeNull();
-  });
-});
+    expect(result.current.sidebarExpanded).toBe(!initial);
+  });
+
+  it('returns null for optional layout outside the provider', () => {
+    const { result } = renderHook(() => useOptionalLayout());
+
+    expect(result.current).toBeNull();
+  });
+});

package/contexts/LayoutContext.tsx

@@ -22,10 +22,10 @@ const LayoutContext = createContext<LayoutContextType | undefined>(undefined);
 /**
  * Helper to get cookie value
  */
-function getCookie(name: string): string | null {
-    if (typeof document === 'undefined') return null;
-    const nameLenPlus = (name.length + 1);
-    return document.cookie
+function getCookie(name: string): string | null {
+    if (typeof document === 'undefined') return null;
+    const nameLenPlus = (name.length + 1);
+    return document.cookie
         .split(';')
         .map(c => c.trim())
         .filter(cookie => {
@@ -39,10 +39,10 @@ function getCookie(name: string): string | null {
 /**
  * Helper to set cookie
  */
-function setCookie(name: string, value: string) {
-    if (typeof document === 'undefined') return;
-    document.cookie = `${name}=${value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}; SameSite=Lax`;
-}
+function setCookie(name: string, value: string) {
+    if (typeof document === 'undefined') return;
+    document.cookie = `${name}=${value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}; SameSite=Lax`;
+}
 
 export function LayoutProvider({ children }: { children: ReactNode }) {
     // Initialize from cookie if available
@@ -56,12 +56,12 @@ export function LayoutProvider({ children }: { children: ReactNode }) {
     const [sidebarWidth, setSidebarWidth] = useState(256);
     const [isMobile, setIsMobile] = useState(false);
 
-    // Detect mobile
-    useEffect(() => {
-        if (typeof window === 'undefined') return;
-        const checkMobile = () => {
-            setIsMobile(window.innerWidth < 768);
-        };
+    // Detect mobile
+    useEffect(() => {
+        if (typeof window === 'undefined') return;
+        const checkMobile = () => {
+            setIsMobile(window.innerWidth < 768);
+        };
         checkMobile();
         window.addEventListener('resize', checkMobile);
         return () => window.removeEventListener('resize', checkMobile);
@@ -72,10 +72,10 @@ export function LayoutProvider({ children }: { children: ReactNode }) {
         setCookie(SIDEBAR_COOKIE_NAME, sidebarExpanded.toString());
     }, [sidebarExpanded]);
 
-    // Keyboard shortcuts
-    useEffect(() => {
-        if (typeof window === 'undefined') return;
-        const handleKeyDown = (event: KeyboardEvent) => {
+    // Keyboard shortcuts
+    useEffect(() => {
+        if (typeof window === 'undefined') return;
+        const handleKeyDown = (event: KeyboardEvent) => {
             if (
                 event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
                 (event.metaKey || event.ctrlKey)
@@ -139,14 +139,14 @@ export function LayoutProvider({ children }: { children: ReactNode }) {
     );
 }
 
-export function useLayout() {
-    const context = useContext(LayoutContext);
-    if (context === undefined) {
-        throw new Error('useLayout must be used within a LayoutProvider');
-    }
-    return context;
-}
-
-export function useOptionalLayout() {
-    return useContext(LayoutContext) ?? null;
-}
+export function useLayout() {
+    const context = useContext(LayoutContext);
+    if (context === undefined) {
+        throw new Error('useLayout must be used within a LayoutProvider');
+    }
+    return context;
+}
+
+export function useOptionalLayout() {
+    return useContext(LayoutContext) ?? null;
+}

package/contexts/ThemeContext.tsx

@@ -20,15 +20,15 @@ interface ThemeProviderProps {
   storageKey?: string;
 }
 
-export function ThemeProvider({ children, disableDarkMode = false, defaultTheme, storageKey = 'xertica-theme' }: ThemeProviderProps) {
-  const getInitialTheme = (): Theme => {
-    if (disableDarkMode) return 'light';
-    if (defaultTheme) return defaultTheme;
-    if (typeof window !== 'undefined') {
-      const savedTheme = window.localStorage?.getItem(storageKey) as Theme;
-      if (savedTheme && (savedTheme === 'light' || savedTheme === 'dark')) {
-        return savedTheme;
-      }
+export function ThemeProvider({ children, disableDarkMode = false, defaultTheme, storageKey = 'xertica-theme' }: ThemeProviderProps) {
+  const getInitialTheme = (): Theme => {
+    if (disableDarkMode) return 'light';
+    if (defaultTheme) return defaultTheme;
+    if (typeof window !== 'undefined') {
+      const savedTheme = window.localStorage?.getItem(storageKey) as Theme;
+      if (savedTheme && (savedTheme === 'light' || savedTheme === 'dark')) {
+        return savedTheme;
+      }
       if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
         return 'dark';
       }
@@ -42,12 +42,12 @@ export function ThemeProvider({ children, disableDarkMode = false, defaultTheme,
     if (disableDarkMode && theme === 'dark') {
       setThemeState('light');
     }
-  }, [disableDarkMode, theme]);
-
-  useEffect(() => {
-    if (typeof document === 'undefined') return;
-    const root = document.documentElement;
-    root.classList.remove('light', 'dark');
+  }, [disableDarkMode, theme]);
+
+  useEffect(() => {
+    if (typeof document === 'undefined') return;
+    const root = document.documentElement;
+    root.classList.remove('light', 'dark');
 
     if (theme === 'dark') {
       root.classList.add('dark');
@@ -55,16 +55,16 @@ export function ThemeProvider({ children, disableDarkMode = false, defaultTheme,
       root.classList.add('light');
     }
 
-    if (typeof window !== 'undefined') {
-      window.localStorage?.setItem(storageKey, theme);
-    }
-  }, [theme, storageKey]);
-
-  useEffect(() => {
-    if (disableDarkMode) return;
-    if (typeof window === 'undefined' || !window.matchMedia) return;
-    if (!window.localStorage?.getItem(storageKey)) {
-      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    if (typeof window !== 'undefined') {
+      window.localStorage?.setItem(storageKey, theme);
+    }
+  }, [theme, storageKey]);
+
+  useEffect(() => {
+    if (disableDarkMode) return;
+    if (typeof window === 'undefined' || !window.matchMedia) return;
+    if (!window.localStorage?.getItem(storageKey)) {
+      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
       const handleChange = (e: MediaQueryListEvent) => {
         setThemeState(e.matches ? 'dark' : 'light');
       };
@@ -107,4 +107,4 @@ export function useTheme() {
     throw new Error('useTheme must be used within a ThemeProvider');
   }
   return context;
-}
+}

package/contexts/theme-data.ts

@@ -78,10 +78,10 @@ export const colorThemes: ColorTheme[] = [
             gradientEndDark: '#3A5C7D',
 
             chart1: '#2C275B',
-            chart2: '#047857',
-            chart3: '#B45309',
-            chart4: '#1D4ED8',
-            chart5: '#B91C1C',
+            chart2: '#047857',
+            chart3: '#B45309',
+            chart4: '#1D4ED8',
+            chart5: '#B91C1C',
         },
         preview: {
             primary: '#2C275B',

package/dist/{AssistantChart-CVzmmhx4.js → AssistantChart-C_hwFRRr.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-iDe5VE5o.js";
+import { L as Label, M as Map$1 } from "./alert-dialog-s-vmNkJ_.js";
 import { getDefaultClassNames, DayPicker } from "react-day-picker";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Drawer as Drawer$1 } from "vaul";
@@ -24,7 +24,7 @@ import { C as Card, b as CardContent } from "./card-fi8zAN-I.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-t2IlYBzw.js";
+import { u as useGoogleMapsLoader } from "./google-maps-loader-CTYySAun.js";
 import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
 function AspectRatio({
   ...props
@@ -2911,7 +2911,7 @@ const Search = React.forwardRef(
   }
 );
 Search.displayName = "Search";
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
+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 RouteMapContent = React__default.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = useGoogleMapsLoader();
@@ -3088,7 +3088,7 @@ 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__ && void 0 || "";
+    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
     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 });