@convai/web-sdk 0.1.0 → 0.1.1-beta.0

package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { motion } from "framer-motion";
+import { aeroTheme } from "../../styles/theme";
+export const VoiceModeOverlay = ({ isActive, isTalking, convaiClient, }) => {
+    const barsCount = 40; // Increased from 5 to 40
+    const isAnimating = isActive || isTalking;
+    const [audioLevels, setAudioLevels] = useState(Array(barsCount).fill(0));
+    const analyzerRef = useRef(null);
+    const animationFrameRef = useRef(undefined);
+    const audioContextRef = useRef(null);
+    const characterAudioContextRef = useRef(null);
+    const characterAnalyzerRef = useRef(null);
+    const mediaSourceNodeRef = useRef(null);
+    // Setup audio analysis for microphone input
+    useEffect(() => {
+        if (!isActive) {
+            // Clean up when not active
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+            setAudioLevels(Array(barsCount).fill(0));
+            return;
+        }
+        let stream = null;
+        const setupAudioAnalysis = async () => {
+            try {
+                // Get microphone stream
+                stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                // Create audio context and analyzer
+                const audioContext = new (window.AudioContext ||
+                    window.webkitAudioContext)();
+                audioContextRef.current = audioContext;
+                const analyzer = audioContext.createAnalyser();
+                analyzer.fftSize = 256; // Better resolution for time domain
+                analyzer.smoothingTimeConstant = 0.7;
+                analyzerRef.current = analyzer;
+                const source = audioContext.createMediaStreamSource(stream);
+                source.connect(analyzer);
+                const dataArray = new Uint8Array(analyzer.fftSize);
+                const updateLevels = () => {
+                    if (!analyzerRef.current)
+                        return;
+                    // Use time domain data (waveform) instead of frequency
+                    analyzer.getByteTimeDomainData(dataArray);
+                    // Calculate RMS (Root Mean Square) for volume
+                    let sum = 0;
+                    for (let i = 0; i < dataArray.length; i++) {
+                        const normalized = (dataArray[i] - 128) / 128; // Center around 0
+                        sum += normalized * normalized;
+                    }
+                    const rms = Math.sqrt(sum / dataArray.length);
+                    // Apply some scaling and clamping
+                    const volume = Math.min(1, rms * 3); // Boost sensitivity
+                    // Create left-to-right wave effect
+                    const levels = Array(barsCount)
+                        .fill(0)
+                        .map((_, i) => {
+                        // Progressive wave from left to right
+                        const position = i / barsCount; // 0 to 1 from left to right
+                        const wavePhase = Date.now() / 300 + position * Math.PI * 2;
+                        const waveVariation = Math.sin(wavePhase) * 0.15 + 0.85; // 0.7 to 1.0
+                        return volume * waveVariation;
+                    });
+                    setAudioLevels(levels);
+                    animationFrameRef.current = requestAnimationFrame(updateLevels);
+                };
+                updateLevels();
+            }
+            catch (error) {
+                console.error("Error setting up audio analysis:", error);
+            }
+        };
+        setupAudioAnalysis();
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+            if (stream) {
+                stream.getTracks().forEach((track) => track.stop());
+            }
+            if (audioContextRef.current) {
+                audioContextRef.current.close();
+            }
+        };
+    }, [isActive, barsCount]);
+    // Setup audio analysis for character speech
+    useEffect(() => {
+        if (!isTalking) {
+            if (!isActive) {
+                setAudioLevels(Array(barsCount).fill(0));
+            }
+            return;
+        }
+        // Start low and build up naturally like real speech
+        let startTime = Date.now();
+        let currentLevels = Array(barsCount).fill(0.05); // Start very low
+        let targetLevels = Array(barsCount).fill(0.05);
+        const updateLevels = () => {
+            if (!isTalking)
+                return;
+            const elapsed = (Date.now() - startTime) / 1000; // seconds
+            // Generate new random target levels occasionally (simulating syllables/words)
+            if (Math.random() < 0.08) {
+                // 8% chance per frame = ~5 times per second
+                targetLevels = Array(barsCount)
+                    .fill(0)
+                    .map((_, i) => {
+                    // More variation in the middle bars, less on edges for natural spread
+                    const position = i / barsCount;
+                    const centerWeight = 1 - Math.abs(position - 0.5) * 0.5;
+                    // Random peaks and valleys like speech patterns
+                    const randomPeak = 0.2 + Math.random() * 0.7; // 0.2 to 0.9
+                    // Add some neighbor correlation so bars don't jump independently
+                    const prevTarget = targetLevels[i] || 0.3;
+                    const correlation = prevTarget * 0.4 + randomPeak * 0.6;
+                    return correlation * centerWeight;
+                });
+            }
+            // Smoothly interpolate current levels toward targets (organic movement)
+            currentLevels = currentLevels.map((current, i) => {
+                const target = targetLevels[i];
+                const speed = 0.2; // Smooth but responsive
+                return current + (target - current) * speed;
+            });
+            // Apply a gentle fade-in for the first 0.3 seconds
+            const fadeIn = Math.min(1, elapsed / 0.3);
+            const levels = currentLevels.map((level) => {
+                // Small random jitter for micro-variation
+                const microJitter = 0.95 + Math.random() * 0.1; // 0.95 to 1.05
+                return Math.max(0.05, Math.min(1, level * fadeIn * microJitter));
+            });
+            setAudioLevels(levels);
+            animationFrameRef.current = requestAnimationFrame(updateLevels);
+        };
+        updateLevels();
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+        };
+    }, [isTalking, isActive, barsCount]);
+    return (_jsxs("div", { style: {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+            textAlign: "center",
+            padding: "1rem",
+            zIndex: 10,
+            pointerEvents: "auto",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "1.5rem",
+        }, children: [_jsx("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: "2px",
+                    height: "80px",
+                    maxWidth: "300px",
+                }, children: Array.from({ length: barsCount }).map((_, i) => {
+                    const level = audioLevels[i] || 0;
+                    const minHeight = 8;
+                    const maxHeight = 70;
+                    const height = minHeight + level * (maxHeight - minHeight);
+                    return (_jsx(motion.div, { animate: {
+                            height: isAnimating ? height : 15,
+                        }, transition: {
+                            duration: 0.08,
+                            ease: "easeOut",
+                        }, style: {
+                            width: "3px",
+                            backgroundColor: isTalking
+                                ? aeroTheme.colors.convai.light
+                                : isActive
+                                    ? aeroTheme.colors.text.primary
+                                    : aeroTheme.colors.neutral[400],
+                            borderRadius: "1.5px",
+                            transformOrigin: "center",
+                        } }, i));
+                }) }), _jsxs("div", { children: [_jsx("div", { style: {
+                            fontSize: "14px",
+                            fontWeight: 500,
+                            color: aeroTheme.colors.text.primary,
+                            marginBottom: "0.5rem",
+                        }, children: isTalking
+                            ? "Character Speaking..."
+                            : isActive
+                                ? "Listening..."
+                                : "Voice Only Mode" }), _jsx("div", { style: {
+                            fontSize: "12px",
+                            color: aeroTheme.colors.text.secondary,
+                        }, children: isActive || isTalking
+                            ? "Audio active"
+                            : "Press and hold the microphone to talk" })] })] }));
+};
+//# sourceMappingURL=VoiceModeOverlay.js.map

package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceModeOverlay.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts

@@ -0,0 +1,6 @@
+export { ConviButton } from "./ConviButton";
+export { ConviHeader } from "./ConviHeader";
+export { ConviFooter } from "./ConviFooter";
+export { SettingsTray } from "./SettingsTray";
+export { VoiceModeOverlay } from "./VoiceModeOverlay";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/react/components/rtc-widget/components/conviComponents/index.js

@@ -0,0 +1,6 @@
+export { ConviButton } from "./ConviButton";
+export { ConviHeader } from "./ConviHeader";
+export { ConviFooter } from "./ConviFooter";
+export { SettingsTray } from "./SettingsTray";
+export { VoiceModeOverlay } from "./VoiceModeOverlay";
+//# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/components/conviComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/react/components/rtc-widget/components/index.d.ts

@@ -0,0 +1,8 @@
+export { MessageBubble } from "./MessageBubble";
+export { MessageList } from "./MessageList";
+export { UserMessage } from "./UserMessage";
+export { ConviMessage } from "./ConviMessage";
+export { MarkdownRenderer } from "./MarkdownRenderer";
+export { FloatingVideo } from "./FloatingVideo";
+export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}

package/dist/react/components/rtc-widget/components/index.js

@@ -0,0 +1,13 @@
+// Export message components
+export { MessageBubble } from "./MessageBubble";
+export { MessageList } from "./MessageList";
+export { UserMessage } from "./UserMessage";
+export { ConviMessage } from "./ConviMessage";
+export { MarkdownRenderer } from "./MarkdownRenderer";
+// Export floating video component
+export { FloatingVideo } from "./FloatingVideo";
+// Note: AudioSettingsPanel is internal only - audio settings are fixed
+// export { AudioSettingsPanel } from "./AudioSettingsPanel";
+// Export convi sub-components
+export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents";
+//# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/index.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,kCAAkC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,uEAAuE;AACvE,6DAA6D;AAE7D,8BAA8B;AAC9B,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}

package/dist/react/components/rtc-widget/index.d.ts

@@ -0,0 +1,6 @@
+export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components";
+export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles";
+export type { RTCChatMessage, CharacterVerbosityConfig, ConviUIProps, } from "./types";
+export type { LogoState } from "./styles";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/components/rtc-widget/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,aAAa,EAEb,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,WAAW,GACZ,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,IAAI,EACJ,WAAW,EACX,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAO,EACP,MAAM,EACN,cAAc,EACd,KAAK,EACL,YAAY,GACb,MAAM,UAAU,CAAC;AAGlB,YAAY,EACV,cAAc,EACd,wBAAwB,EACxB,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}

package/dist/react/components/rtc-widget/index.js

@@ -0,0 +1,9 @@
+// Export all components
+export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, 
+// AudioSettingsPanel, // Internal only - audio settings are fixed
+ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components";
+// Export styles and theme
+export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles";
+// Export styled components for custom layouts
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles";
+//# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/components/rtc-widget/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,OAAO,EACL,aAAa,EACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,aAAa;AACb,kEAAkE;AAClE,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAEtB,0BAA0B;AAC1B,OAAO,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,8CAA8C;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,IAAI,EACJ,WAAW,EACX,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACd,OAAO,EACP,MAAM,EACN,cAAc,EACd,KAAK,EACL,YAAY,GACb,MAAM,UAAU,CAAC"}

package/dist/react/components/rtc-widget/styles/framerConfig.d.ts

@@ -0,0 +1,116 @@
+export declare const iosTransitions: {
+    snappy: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
+    fadePop: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
+    layoutMorph: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
+    modalSlide: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
+    scale: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
+    slide: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
+};
+export declare const animationVariants: {
+    fadeIn: {
+        initial: {
+            opacity: number;
+        };
+        animate: {
+            opacity: number;
+        };
+        exit: {
+            opacity: number;
+        };
+    };
+    slideUp: {
+        initial: {
+            y: number;
+            opacity: number;
+        };
+        animate: {
+            y: number;
+            opacity: number;
+        };
+        exit: {
+            y: number;
+            opacity: number;
+        };
+    };
+    slideDown: {
+        initial: {
+            y: number;
+            opacity: number;
+        };
+        animate: {
+            y: number;
+            opacity: number;
+        };
+        exit: {
+            y: number;
+            opacity: number;
+        };
+    };
+    scaleIn: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+        };
+    };
+    slideInFromRight: {
+        initial: {
+            x: string;
+            opacity: number;
+        };
+        animate: {
+            x: number;
+            opacity: number;
+        };
+        exit: {
+            x: string;
+            opacity: number;
+        };
+    };
+    slideInFromLeft: {
+        initial: {
+            x: string;
+            opacity: number;
+        };
+        animate: {
+            x: number;
+            opacity: number;
+        };
+        exit: {
+            x: string;
+            opacity: number;
+        };
+    };
+};
+//# sourceMappingURL=framerConfig.d.ts.map

package/dist/react/components/rtc-widget/styles/framerConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"framerConfig.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/styles/framerConfig.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C1B,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC7B,CAAC"}

package/dist/react/components/rtc-widget/styles/framerConfig.js

@@ -0,0 +1,73 @@
+// Framer Motion transition configurations for iOS-like animations
+export const iosTransitions = {
+    // Fast and snappy transitions for buttons and small elements
+    snappy: {
+        type: "spring",
+        stiffness: 400,
+        damping: 30,
+    },
+    // Smooth fade with pop effect
+    fadePop: {
+        type: "spring",
+        stiffness: 300,
+        damping: 25,
+    },
+    // Layout morphing animations
+    layoutMorph: {
+        type: "spring",
+        stiffness: 200,
+        damping: 20,
+    },
+    // Modal slide from bottom
+    modalSlide: {
+        type: "spring",
+        stiffness: 260,
+        damping: 22,
+    },
+    // Smooth scale animation
+    scale: {
+        type: "spring",
+        stiffness: 350,
+        damping: 28,
+    },
+    // Slide animations
+    slide: {
+        type: "spring",
+        stiffness: 300,
+        damping: 30,
+    },
+};
+// Common animation variants
+export const animationVariants = {
+    fadeIn: {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+    },
+    slideUp: {
+        initial: { y: 20, opacity: 0 },
+        animate: { y: 0, opacity: 1 },
+        exit: { y: -20, opacity: 0 },
+    },
+    slideDown: {
+        initial: { y: -20, opacity: 0 },
+        animate: { y: 0, opacity: 1 },
+        exit: { y: 20, opacity: 0 },
+    },
+    scaleIn: {
+        initial: { scale: 0.8, opacity: 0 },
+        animate: { scale: 1, opacity: 1 },
+        exit: { scale: 0.8, opacity: 0 },
+    },
+    slideInFromRight: {
+        initial: { x: "100%", opacity: 0 },
+        animate: { x: 0, opacity: 1 },
+        exit: { x: "100%", opacity: 0 },
+    },
+    slideInFromLeft: {
+        initial: { x: "-100%", opacity: 0 },
+        animate: { x: 0, opacity: 1 },
+        exit: { x: "-100%", opacity: 0 },
+    },
+};
+//# sourceMappingURL=framerConfig.js.map

package/dist/react/components/rtc-widget/styles/framerConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framerConfig.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/styles/framerConfig.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,6DAA6D;IAC7D,MAAM,EAAE;QACN,IAAI,EAAE,QAAiB;QACvB,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ;IAED,8BAA8B;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE,QAAiB;QACvB,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ;IAED,6BAA6B;IAC7B,WAAW,EAAE;QACX,IAAI,EAAE,QAAiB;QACvB,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ;IAED,0BAA0B;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE,QAAiB;QACvB,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ;IAED,yBAAyB;IACzB,KAAK,EAAE;QACL,IAAI,EAAE,QAAiB;QACvB,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ;IAED,mBAAmB;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,QAAiB;QACvB,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ;CACF,CAAC;AAEF,4BAA4B;AAC5B,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;KACrB;IAED,OAAO,EAAE;QACP,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;KAC7B;IAED,SAAS,EAAE;QACT,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QAC/B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;KAC5B;IAED,OAAO,EAAE;QACP,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;QACnC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QACjC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;KACjC;IAED,gBAAgB,EAAE;QAChB,OAAO,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QAClC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;KAChC;IAED,eAAe,EAAE;QACf,OAAO,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE;QACnC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE;KACjC;CACF,CAAC"}

package/dist/react/components/rtc-widget/styles/icons.d.ts

@@ -0,0 +1,28 @@
+import { iconSizes } from "./theme";
+export type LogoState = "idle" | "connecting" | "connected" | "disconnected" | "typing" | "listening" | "processing";
+export declare const AeroIcons: {
+    ChevronDown: ({ size, color, }: {
+        size?: keyof typeof iconSizes;
+        color?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ConvaiLogo: ({ size, color, animate, state, }: {
+        size?: keyof typeof iconSizes;
+        color?: string;
+        animate?: boolean;
+        state?: LogoState;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $size?: keyof typeof iconSizes;
+    $variant?: "ghost" | "glass";
+}>> & string;
+export declare const ChevronDown: ({ size, color, }: {
+    size?: keyof typeof iconSizes;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element, ConvaiLogo: ({ size, color, animate, state, }: {
+    size?: keyof typeof iconSizes;
+    color?: string;
+    animate?: boolean;
+    state?: LogoState;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/react/components/rtc-widget/styles/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/styles/icons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,SAAS,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,cAAc,GACd,QAAQ,GACR,WAAW,GACX,YAAY,CAAC;AAmLjB,eAAO,MAAM,SAAS;oCAKjB;QACD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;mDAqBE;QACD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB;CAqGF,CAAC;AAGF,eAAO,MAAM,UAAU;YACb,MAAM,OAAO,SAAS;eACnB,OAAO,GAAG,OAAO;YAmC7B,CAAC;AAGF,eAAO,MAAQ,WAAW,qBA7KrB;IACD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,8CA0KyB,UAAU,qCArJjC;IACD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAgJiD,CAAC"}