@athenaintel/react 0.8.0 → 0.9.0

package/dist/index.d.ts

@@ -226,20 +226,30 @@ export declare interface AthenaTheme {
     ring?: string;
     /** Base border radius for all rounded corners. e.g. '0.5rem', '0.75rem', '0' */
     radius?: string;
+    /** Font family for all text. e.g. "'Inter', sans-serif", "system-ui" */
+    fontFamily?: string;
     /** Sidebar background color. Falls back to muted with transparency. */
     sidebarBackground?: string;
     /** Sidebar border color. Falls back to border. */
     sidebarBorder?: string;
+    /** Sidebar width. e.g. '280px', '20rem'. */
+    sidebarWidth?: string;
     /** User message bubble background. Falls back to muted. */
     userBubble?: string;
     /** User message bubble text color. Falls back to foreground. */
     userBubbleForeground?: string;
+    /** User message bubble border radius. e.g. '1rem', '0.5rem'. */
+    userBubbleRadius?: string;
     /** Assistant message text color. Falls back to foreground. */
     assistantForeground?: string;
+    /** Assistant message bubble background. Transparent by default. */
+    assistantBubble?: string;
     /** Composer border color. Falls back to input. */
     composerBorder?: string;
     /** Composer border radius. Falls back to radius-based default. */
     composerRadius?: string;
+    /** Max width of the chat thread area. e.g. '44rem', '56rem'. */
+    threadMaxWidth?: string;
 }
 
 export declare const BrowseToolUI: ToolCallMessagePartComponent;

package/dist/index.js

@@ -24357,14 +24357,19 @@ const THEME_TO_CSS = {
   input: "--input",
   ring: "--ring",
   radius: "--radius",
+  fontFamily: "--font-family",
   // Extended SDK-specific variables
   sidebarBackground: "--sidebar-background",
   sidebarBorder: "--sidebar-border",
+  sidebarWidth: "--sidebar-width",
   userBubble: "--user-bubble",
   userBubbleForeground: "--user-bubble-foreground",
+  userBubbleRadius: "--user-bubble-radius",
   assistantForeground: "--assistant-foreground",
+  assistantBubble: "--assistant-bubble",
   composerBorder: "--composer-border",
-  composerRadius: "--composer-radius"
+  composerRadius: "--composer-radius",
+  threadMaxWidth: "--thread-max-width"
 };
 function themeToStyleVars(theme) {
   const vars = {};