xertica-ui 2.1.10 → 2.2.0

package/components/figma/ImageWithFallback.tsx

@@ -1,27 +1,27 @@
-import React, { useState } from 'react';
-
-const ERROR_IMG_SRC =
-  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==';
-
-export function ImageWithFallback(props: React.ImgHTMLAttributes<HTMLImageElement>) {
-  const [didError, setDidError] = useState(false);
-
-  const handleError = () => {
-    setDidError(true);
-  };
-
-  const { src, alt, style, className, ...rest } = props;
-
-  return didError ? (
-    <div
-      className={`inline-block bg-gray-100 text-center align-middle ${className ?? ''}`}
-      style={style}
-    >
-      <div className="flex items-center justify-center w-full h-full">
-        <img src={ERROR_IMG_SRC} alt="Error loading image" {...rest} data-original-url={src} />
-      </div>
-    </div>
-  ) : (
-    <img src={src} alt={alt} className={className} style={style} {...rest} onError={handleError} />
-  );
-}
+import React, { useState } from 'react';
+
+const ERROR_IMG_SRC =
+  'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==';
+
+export function ImageWithFallback(props: React.ImgHTMLAttributes<HTMLImageElement>) {
+  const [didError, setDidError] = useState(false);
+
+  const handleError = () => {
+    setDidError(true);
+  };
+
+  const { src, alt, style, className, ...rest } = props;
+
+  return didError ? (
+    <div
+      className={`inline-block bg-gray-100 text-center align-middle ${className ?? ''}`}
+      style={style}
+    >
+      <div className="flex items-center justify-center w-full h-full">
+        <img src={ERROR_IMG_SRC} alt="Error loading image" {...rest} data-original-url={src} />
+      </div>
+    </div>
+  ) : (
+    <img src={src} alt={alt} className={className} style={style} {...rest} onError={handleError} />
+  );
+}

package/components/hooks/index.ts

@@ -1,13 +1,13 @@
-export * from '../../contexts/LayoutContext';
-export * from '../../contexts/ThemeContext';
-export * from '../../contexts/LanguageContext';
-export * from '../../contexts/BrandColorsContext';
-export * from '../../contexts/AssistenteContext';
-export * from '../../contexts/ApiKeyContext';
-export { useMobile, useIsMobile } from '../shared/use-mobile';
-export { useLayoutShortcuts } from './use-layout-shortcuts';
-export { useAudioPlayer } from '../media/audio-player/use-audio-player';
-export type {
-  UseAudioPlayerProps,
-  UseAudioPlayerReturn,
-} from '../media/audio-player/use-audio-player';
+export * from '../../contexts/LayoutContext';
+export * from '../../contexts/ThemeContext';
+export * from '../../contexts/LanguageContext';
+export * from '../../contexts/BrandColorsContext';
+export * from '../../contexts/AssistenteContext';
+export * from '../../contexts/ApiKeyContext';
+export { useMobile, useIsMobile } from '../shared/use-mobile';
+export { useLayoutShortcuts } from './use-layout-shortcuts';
+export { useAudioPlayer } from '../media/audio-player/use-audio-player';
+export type {
+  UseAudioPlayerProps,
+  UseAudioPlayerReturn,
+} from '../media/audio-player/use-audio-player';

package/components/hooks/use-layout-shortcuts.ts

@@ -1,43 +1,43 @@
-import { useEffect } from 'react';
-import { useLayout } from '../../contexts/LayoutContext';
-
-const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
-
-/**
- * `useLayoutShortcuts` — Registra atalhos de teclado globais para controle de layout.
- *
- * Deve ser usado uma única vez no componente raiz da aplicação (ex: `App.tsx` ou `Layout.tsx`).
- * Extrai a responsabilidade de atalhos de teclado do `LayoutContext`, seguindo o
- * princípio de responsabilidade única.
- *
- * **Atalhos registrados:**
- * - `Ctrl+B` / `Cmd+B` — Alterna a sidebar
- *
- * @example
- * ```tsx
- * // Em App.tsx ou no componente de layout raiz:
- * import { useLayoutShortcuts } from 'xertica-ui/hooks';
- *
- * function AppLayout({ children }: { children: React.ReactNode }) {
- *   useLayoutShortcuts(); // registra Ctrl+B para toggle da sidebar
- *   return <div>{children}</div>;
- * }
- * ```
- */
-export function useLayoutShortcuts() {
-  const { toggleSidebar } = useLayout();
-
-  useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
-        event.preventDefault();
-        toggleSidebar();
-      }
-    };
-
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [toggleSidebar]);
-}
+import { useEffect } from 'react';
+import { useLayout } from '../../contexts/LayoutContext';
+
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+
+/**
+ * `useLayoutShortcuts` — Registra atalhos de teclado globais para controle de layout.
+ *
+ * Deve ser usado uma única vez no componente raiz da aplicação (ex: `App.tsx` ou `Layout.tsx`).
+ * Extrai a responsabilidade de atalhos de teclado do `LayoutContext`, seguindo o
+ * princípio de responsabilidade única.
+ *
+ * **Atalhos registrados:**
+ * - `Ctrl+B` / `Cmd+B` — Alterna a sidebar
+ *
+ * @example
+ * ```tsx
+ * // Em App.tsx ou no componente de layout raiz:
+ * import { useLayoutShortcuts } from 'xertica-ui/hooks';
+ *
+ * function AppLayout({ children }: { children: React.ReactNode }) {
+ *   useLayoutShortcuts(); // registra Ctrl+B para toggle da sidebar
+ *   return <div>{children}</div>;
+ * }
+ * ```
+ */
+export function useLayoutShortcuts() {
+  const { toggleSidebar } = useLayout();
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [toggleSidebar]);
+}

package/components/index.ts

@@ -1,77 +1,90 @@
-/**
- * Xertica UI Library Entry Point
- *
- * @description
- * This file exports all public components, contexts, and utilities of the Xertica UI library.
- * Consumers should import from the root of the package.
- */
-import '../styles/globals.css';
-
-// Xertica UI Styles should be imported by the consumer
-// ============================================================================
-// Xertica Assistant Exports
-// ============================================================================
-
-export { XerticaAssistant } from './assistant/xertica-assistant/xertica-assistant';
-export { XerticaProvider } from './brand/xertica-provider';
-export type {
-  XerticaAssistantProps,
-  Message,
-  Conversation,
-  Suggestion,
-  SearchResult,
-  SearchSource,
-  SearchCommand,
-  MessageType,
-  AttachmentType,
-  SearchResultType,
-  AssistantMode,
-  AssistantTab,
-} from './assistant/xertica-assistant/xertica-assistant';
-
-// ============================================================================
-// Page Components
-// ============================================================================
-
-export * from './pages';
-
-// UI Components - All available via /components/ui/index.ts
-export * from './ui';
-
-// Block Components - High-level composed patterns
-export * from './blocks';
-
-// Utility Components (used by XerticaAssistant)
-export { CodeBlock } from './assistant/code-block';
-export { MarkdownMessage } from './assistant/markdown-message';
-export { ModernChatInput } from './assistant/modern-chat-input';
-export { FormattedDocument } from './assistant/formatted-document';
-
-// Branding
-export { XerticaLogo } from './brand/xertica-logo';
-export { XerticaXLogo } from './brand/xertica-xlogo';
-export { XerticaOrbe } from './brand/xertica-orbe';
-
-// Utility
-export { ImageWithFallback } from './figma/ImageWithFallback';
-
-// Layout
-export { Sidebar } from './layout/sidebar';
-export { ThemeToggle } from './brand/theme-toggle';
-export { LanguageSelector } from './brand/language-selector';
-
-// State Management & Contexts
-export * from '../contexts/LayoutContext';
-
-// Layout & Common Components
-export { Header } from './layout/header';
-export type { HeaderProps, BreadcrumbType as HeaderBreadcrumbType } from './layout/header';
-
-// Media Components
-export { VideoPlayer } from './media/video-player/VideoPlayer';
-export { AudioPlayer } from './media/audio-player/AudioPlayer';
-export { FloatingMediaWrapper } from './media/FloatingMediaWrapper';
-// PodcastPlayer was consolidated into AudioPlayer via colorVariant="primary" prop
-
-// Demo utilities (for templates)
-export { gerarResposta, gerarResposta as generateDemoResponse } from './shared/assistant-utils';
+/**
+ * Xertica UI Library Entry Point
+ *
+ * @description
+ * This file exports all public components, contexts, and utilities of the Xertica UI library.
+ * Consumers should import from the root of the package.
+ */
+import '../styles/globals.css';
+
+// Xertica UI Styles should be imported by the consumer
+// ============================================================================
+// Xertica Assistant Exports
+// ============================================================================
+
+export { XerticaAssistant } from './assistant/xertica-assistant/xertica-assistant';
+export { XerticaProvider } from './brand/xertica-provider';
+export type {
+  XerticaAssistantProps,
+  Message,
+  Conversation,
+  Suggestion,
+  SearchResult,
+  SearchSource,
+  SearchCommand,
+  MessageType,
+  AttachmentType,
+  SearchResultType,
+  AssistantMode,
+  AssistantTab,
+} from './assistant/xertica-assistant/xertica-assistant';
+
+// ============================================================================
+// Page Components
+// ============================================================================
+
+export * from './pages';
+
+// UI Components - All available via /components/ui/index.ts
+export * from './ui';
+
+// Block Components - High-level composed patterns
+export * from './blocks';
+
+// Utility Components (used by XerticaAssistant)
+export { CodeBlock } from './assistant/code-block';
+export { MarkdownMessage } from './assistant/markdown-message';
+export { ModernChatInput } from './assistant/modern-chat-input';
+export { FormattedDocument } from './assistant/formatted-document';
+
+// Branding
+export { XerticaLogo } from './brand/xertica-logo';
+export { XerticaXLogo } from './brand/xertica-xlogo';
+export { XerticaOrbe } from './brand/xertica-orbe';
+
+// Utility
+export { ImageWithFallback } from './figma/ImageWithFallback';
+
+// Layout
+export { Sidebar } from './layout/sidebar';
+export { ThemeToggle } from './brand/theme-toggle';
+export { LanguageSelector } from './brand/language-selector';
+
+// State Management & Contexts
+export * from '../contexts/LayoutContext';
+
+// Language / i18n
+export {
+  useLanguage,
+  LanguageProvider,
+  DEFAULT_LANGUAGES,
+} from '../contexts/LanguageContext';
+export type {
+  Language,
+  LanguageDefinition,
+  LanguageProviderProps,
+} from '../contexts/LanguageContext';
+export { default as i18n, registerLanguageResource } from '../i18n';
+
+// Layout & Common Components
+export { Header } from './layout/header';
+export type { HeaderProps, BreadcrumbType as HeaderBreadcrumbType } from './layout/header';
+
+// Media Components
+export { VideoPlayer } from './media/video-player/VideoPlayer';
+export { AudioPlayer } from './media/audio-player/AudioPlayer';
+export { FloatingMediaWrapper } from './media/FloatingMediaWrapper';
+// PodcastPlayer was consolidated into AudioPlayer via colorVariant="primary" prop
+
+// Demo utilities (for templates)
+export { gerarResposta, gerarResposta as generateDemoResponse } from './shared/assistant-utils';