@volkansuner/aichat-react-native 0.1.0

package/dist/components/TemplateRenderer.js

@@ -0,0 +1,397 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplateRenderer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+/**
+ * TemplateRenderer
+ *
+ * Renders custom components from JSON templates without code execution.
+ * Supports various field types and base templates.
+ */
+const TemplateRenderer = ({ template, data, theme, onAction, }) => {
+    // Extract value from data using dot notation path
+    const getValueFromPath = (path) => {
+        if (!path)
+            return undefined;
+        const keys = path.split('.');
+        let value = data;
+        for (const key of keys) {
+            if (value === null || value === undefined)
+                return undefined;
+            value = value[key];
+        }
+        return value;
+    };
+    // Apply comprehensive template styles
+    const applyTemplateStyle = (style) => {
+        if (!style)
+            return {};
+        const appliedStyle = {};
+        // Background
+        if (style.backgroundColor)
+            appliedStyle.backgroundColor = style.backgroundColor;
+        // Background gradient (Note: React Native doesn't support CSS gradients natively)
+        // You'll need to use react-native-linear-gradient or similar for full gradient support
+        // For now, we'll use the first color from gradient if no backgroundColor
+        if (style.backgroundGradient && !style.backgroundColor) {
+            appliedStyle.backgroundColor = style.backgroundGradient.colors[0];
+        }
+        // Border
+        if (style.borderColor)
+            appliedStyle.borderColor = style.borderColor;
+        if (style.borderWidth !== undefined)
+            appliedStyle.borderWidth = style.borderWidth;
+        if (style.borderRadius !== undefined)
+            appliedStyle.borderRadius = style.borderRadius;
+        // Padding - per-side support
+        if (typeof style.padding === 'number') {
+            appliedStyle.padding = style.padding;
+        }
+        else if (style.padding) {
+            if (style.padding.top !== undefined)
+                appliedStyle.paddingTop = style.padding.top;
+            if (style.padding.right !== undefined)
+                appliedStyle.paddingRight = style.padding.right;
+            if (style.padding.bottom !== undefined)
+                appliedStyle.paddingBottom = style.padding.bottom;
+            if (style.padding.left !== undefined)
+                appliedStyle.paddingLeft = style.padding.left;
+        }
+        // Margin - per-side support
+        if (typeof style.margin === 'number') {
+            appliedStyle.margin = style.margin;
+        }
+        else if (style.margin) {
+            if (style.margin.top !== undefined)
+                appliedStyle.marginTop = style.margin.top;
+            if (style.margin.right !== undefined)
+                appliedStyle.marginRight = style.margin.right;
+            if (style.margin.bottom !== undefined)
+                appliedStyle.marginBottom = style.margin.bottom;
+            if (style.margin.left !== undefined)
+                appliedStyle.marginLeft = style.margin.left;
+        }
+        // Shadow
+        if (style.shadow) {
+            appliedStyle.shadowColor = style.shadow.color || '#000';
+            appliedStyle.shadowOpacity = style.shadow.opacity || 0.25;
+            appliedStyle.shadowRadius = style.shadow.radius || 3.84;
+            if (style.shadow.offset) {
+                appliedStyle.shadowOffset = {
+                    width: style.shadow.offset.x || 0,
+                    height: style.shadow.offset.y || 2,
+                };
+            }
+            else {
+                appliedStyle.shadowOffset = { width: 0, height: 2 };
+            }
+            appliedStyle.elevation = style.shadow.elevation || 5;
+        }
+        // Layout constraints (React Native accepts string or number for width/height)
+        if (style.width !== undefined)
+            appliedStyle.width = style.width;
+        if (style.height !== undefined)
+            appliedStyle.height = style.height;
+        if (style.minWidth !== undefined)
+            appliedStyle.minWidth = style.minWidth;
+        if (style.maxWidth !== undefined)
+            appliedStyle.maxWidth = style.maxWidth;
+        if (style.minHeight !== undefined)
+            appliedStyle.minHeight = style.minHeight;
+        if (style.maxHeight !== undefined)
+            appliedStyle.maxHeight = style.maxHeight;
+        // Flexbox
+        if (style.alignItems)
+            appliedStyle.alignItems = style.alignItems;
+        if (style.justifyContent)
+            appliedStyle.justifyContent = style.justifyContent;
+        // Opacity
+        if (style.opacity !== undefined)
+            appliedStyle.opacity = style.opacity;
+        return appliedStyle;
+    };
+    // Apply field-level styles (for individual fields)
+    const applyFieldStyle = (fieldStyle) => {
+        if (!fieldStyle)
+            return {};
+        return {
+            margin: fieldStyle.margin,
+            padding: fieldStyle.padding,
+            backgroundColor: fieldStyle.backgroundColor,
+            borderRadius: fieldStyle.borderRadius,
+        };
+    };
+    // Render a single field based on its type
+    const renderField = (field, index) => {
+        switch (field.type) {
+            case 'text':
+                return renderTextField(field, index);
+            case 'image':
+                return renderImageField(field, index);
+            case 'badge':
+                return renderBadgeField(field, index);
+            case 'icon':
+                return renderIconField(field, index);
+            case 'button':
+                return renderButtonField(field, index);
+            case 'progress':
+                return renderProgressField(field, index);
+            case 'divider':
+                return renderDividerField(field, index);
+            default:
+                return null;
+        }
+    };
+    // Render text field
+    const renderTextField = (field, index) => {
+        const value = getValueFromPath(field.dataPath);
+        if (value === undefined || value === null)
+            return null;
+        const displayValue = `${field.prefix || ''}${value}${field.suffix || ''}`;
+        // Map style to theme
+        const getFontSize = () => {
+            const sizeMap = {
+                xs: theme.typography.fontSize.xs,
+                sm: theme.typography.fontSize.sm,
+                md: theme.typography.fontSize.md,
+                lg: theme.typography.fontSize.lg,
+                xl: theme.typography.fontSize.xl,
+            };
+            return sizeMap[field.size || 'md'];
+        };
+        const getFontWeight = () => {
+            const weightMap = {
+                regular: theme.typography.fontWeight.regular,
+                medium: theme.typography.fontWeight.medium,
+                bold: theme.typography.fontWeight.bold,
+            };
+            return weightMap[field.weight || 'regular'];
+        };
+        const getColor = () => {
+            if (field.color)
+                return field.color;
+            const styleMap = {
+                heading: theme.colors.text,
+                body: theme.colors.text,
+                caption: theme.colors.textSecondary,
+                accent: theme.colors.primary,
+            };
+            return styleMap[field.style || 'body'];
+        };
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.Text numberOfLines={field.numberOfLines} style={{
+                fontSize: getFontSize(),
+                fontWeight: getFontWeight(),
+                color: getColor(),
+                textAlign: field.align || 'left',
+            }}>
+          {displayValue}
+        </react_native_1.Text>
+      </react_native_1.View>);
+    };
+    // Render image field
+    const renderImageField = (field, index) => {
+        const imageUrl = getValueFromPath(field.dataPath);
+        if (!imageUrl && !field.fallbackUrl)
+            return null;
+        const source = { uri: imageUrl || field.fallbackUrl };
+        // Parse width - handle both number and string (e.g., "100%")
+        const width = typeof field.width === 'string'
+            ? field.width
+            : (field.width || 100);
+        const imageStyle = {
+            width,
+            height: field.height || 100,
+            borderRadius: field.borderRadius || 0,
+        };
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.Image source={source} resizeMode={field.resizeMode || 'cover'} style={imageStyle}/>
+      </react_native_1.View>);
+    };
+    // Render badge field
+    const renderBadgeField = (field, index) => {
+        const value = getValueFromPath(field.dataPath);
+        if (value === undefined || value === null)
+            return null;
+        const displayValue = `${field.prefix || ''}${value}${field.suffix || ''}`;
+        // Get color from map or use default
+        const backgroundColor = field.colorMap?.[value] || field.defaultColor || theme.colors.primary;
+        const sizeMap = {
+            sm: { padding: 4, fontSize: theme.typography.fontSize.xs },
+            md: { padding: 6, fontSize: theme.typography.fontSize.sm },
+            lg: { padding: 8, fontSize: theme.typography.fontSize.md },
+        };
+        const size = sizeMap[field.size || 'md'];
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.View style={{
+                backgroundColor,
+                paddingHorizontal: size.padding * 2,
+                paddingVertical: size.padding,
+                borderRadius: theme.borderRadius.full,
+                alignSelf: 'flex-start',
+            }}>
+          <react_native_1.Text style={{
+                color: '#ffffff',
+                fontSize: size.fontSize,
+                fontWeight: theme.typography.fontWeight.medium,
+            }}>
+            {displayValue}
+          </react_native_1.Text>
+        </react_native_1.View>
+      </react_native_1.View>);
+    };
+    // Render icon field
+    const renderIconField = (field, index) => {
+        const icon = field.dataPath ? getValueFromPath(field.dataPath) : field.staticIcon;
+        if (!icon)
+            return null;
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        // For now, just render emoji. Can be extended for icon libraries
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.Text style={{
+                fontSize: field.size || 24,
+                color: field.color,
+            }}>
+          {icon}
+        </react_native_1.Text>
+      </react_native_1.View>);
+    };
+    // Render button field
+    const renderButtonField = (field, index) => {
+        const getButtonStyle = () => {
+            switch (field.style) {
+                case 'primary':
+                    return { backgroundColor: theme.colors.primary, color: '#ffffff' };
+                case 'secondary':
+                    return { backgroundColor: theme.colors.surface, color: theme.colors.text };
+                case 'outline':
+                    return {
+                        backgroundColor: 'transparent',
+                        color: theme.colors.primary,
+                        borderWidth: 1,
+                        borderColor: theme.colors.primary
+                    };
+                case 'danger':
+                    return { backgroundColor: '#ef4444', color: '#ffffff' };
+                default:
+                    return { backgroundColor: theme.colors.primary, color: '#ffffff' };
+            }
+        };
+        const buttonStyle = getButtonStyle();
+        const sizeMap = {
+            sm: { padding: 8, fontSize: theme.typography.fontSize.sm },
+            md: { padding: 12, fontSize: theme.typography.fontSize.md },
+            lg: { padding: 16, fontSize: theme.typography.fontSize.lg },
+        };
+        const size = sizeMap[field.size || 'md'];
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.TouchableOpacity onPress={() => field.action && onAction?.(field.action)} style={{
+                backgroundColor: buttonStyle.backgroundColor,
+                paddingHorizontal: size.padding * 2,
+                paddingVertical: size.padding,
+                borderRadius: theme.borderRadius.md,
+                borderWidth: buttonStyle.borderWidth,
+                borderColor: buttonStyle.borderColor,
+                alignItems: 'center',
+                ...theme.shadows.small,
+            }}>
+          <react_native_1.Text style={{
+                color: buttonStyle.color,
+                fontSize: size.fontSize,
+                fontWeight: theme.typography.fontWeight.medium,
+            }}>
+            {field.label}
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.View>);
+    };
+    // Render progress field
+    const renderProgressField = (field, index) => {
+        const value = getValueFromPath(field.dataPath);
+        if (value === undefined || value === null)
+            return null;
+        const min = field.min || 0;
+        const max = field.max || 100;
+        const percentage = ((value - min) / (max - min)) * 100;
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.View style={{
+                height: field.height || 8,
+                backgroundColor: field.backgroundColor || theme.colors.border,
+                borderRadius: theme.borderRadius.full,
+                overflow: 'hidden',
+            }}>
+          <react_native_1.View style={{
+                height: '100%',
+                width: `${percentage}%`,
+                backgroundColor: field.color || theme.colors.primary,
+            }}/>
+        </react_native_1.View>
+        {field.showPercentage && (<react_native_1.Text style={{
+                    fontSize: theme.typography.fontSize.xs,
+                    color: theme.colors.textSecondary,
+                    marginTop: 4,
+                }}>
+            {Math.round(percentage)}%
+          </react_native_1.Text>)}
+      </react_native_1.View>);
+    };
+    // Render divider field
+    const renderDividerField = (field, index) => {
+        // Apply field-level styles
+        const fieldStyles = applyFieldStyle(field);
+        return (<react_native_1.View key={index} style={fieldStyles}>
+        <react_native_1.View style={{
+                height: field.thickness || 1,
+                backgroundColor: field.color || theme.colors.border,
+                marginVertical: field.margin || theme.spacing.md,
+            }}/>
+      </react_native_1.View>);
+    };
+    // Get spacing value
+    const getSpacing = () => {
+        const spacingMap = {
+            xs: theme.spacing.xs,
+            sm: theme.spacing.sm,
+            md: theme.spacing.md,
+            lg: theme.spacing.lg,
+            xl: theme.spacing.xl,
+        };
+        return spacingMap[template.spacing || 'md'];
+    };
+    // Render based on layout
+    const renderContent = () => {
+        const fields = template.fields || [];
+        const spacing = getSpacing();
+        // Apply comprehensive template styles
+        const templateStyles = applyTemplateStyle(template.style);
+        const containerStyle = {
+            flexDirection: template.layout === 'horizontal' ? 'row' : 'column',
+            gap: spacing,
+            ...templateStyles,
+        };
+        if (template.layout === 'wrap') {
+            containerStyle.flexWrap = 'wrap';
+        }
+        return (<react_native_1.View style={containerStyle}>
+        {fields.map((field, index) => renderField(field, index))}
+      </react_native_1.View>);
+    };
+    return renderContent();
+};
+exports.TemplateRenderer = TemplateRenderer;
+//# sourceMappingURL=TemplateRenderer.js.map

package/dist/components/TemplateRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateRenderer.js","sourceRoot":"","sources":["../../src/components/TemplateRenderer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA8E;AAsB9E;;;;;GAKG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,kDAAkD;IAClD,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAO,EAAE;QAC7C,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAE5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC;QAEjB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;gBAAE,OAAO,SAAS,CAAC;YAC5D,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,sCAAsC;IACtC,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAa,EAAE;QAC9D,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAEtB,MAAM,YAAY,GAAc,EAAE,CAAC;QAEnC,aAAa;QACb,IAAI,KAAK,CAAC,eAAe;YAAE,YAAY,CAAC,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;QAEhF,kFAAkF;QAClF,uFAAuF;QACvF,yEAAyE;QACzE,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YACvD,YAAY,CAAC,eAAe,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACpE,CAAC;QAED,SAAS;QACT,IAAI,KAAK,CAAC,WAAW;YAAE,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QACpE,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS;YAAE,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QAClF,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS;YAAE,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QAErF,6BAA6B;QAC7B,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACtC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QACvC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,SAAS;gBAAE,YAAY,CAAC,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YACjF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,KAAK,SAAS;gBAAE,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACvF,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,SAAS;gBAAE,YAAY,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAC1F,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS;gBAAE,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACtF,CAAC;QAED,4BAA4B;QAC5B,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACrC,YAAY,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QACrC,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,SAAS;gBAAE,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;YAC9E,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS;gBAAE,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACpF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS;gBAAE,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;YACvF,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS;gBAAE,YAAY,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACnF,CAAC;QAED,SAAS;QACT,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC;YACxD,YAAY,CAAC,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC;YAC1D,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC;YACxD,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;gBACxB,YAAY,CAAC,YAAY,GAAG;oBAC1B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;oBACjC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;iBACnC,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,YAAY,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;YACtD,CAAC;YACD,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC;QACvD,CAAC;QAED,8EAA8E;QAC9E,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;YAAE,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC,KAAY,CAAC;QACvE,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS;YAAE,YAAY,CAAC,MAAM,GAAG,KAAK,CAAC,MAAa,CAAC;QAC1E,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS;YAAE,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzE,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS;YAAE,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzE,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;YAAE,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5E,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;YAAE,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QAE5E,UAAU;QACV,IAAI,KAAK,CAAC,UAAU;YAAE,YAAY,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QACjE,IAAI,KAAK,CAAC,cAAc;YAAE,YAAY,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;QAE7E,UAAU;QACV,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;YAAE,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAEtE,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAEF,mDAAmD;IACnD,MAAM,eAAe,GAAG,CAAC,UAKxB,EAAa,EAAE;QACd,IAAI,CAAC,UAAU;YAAE,OAAO,EAAE,CAAC;QAE3B,OAAO;YACL,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,OAAO,EAAE,UAAU,CAAC,OAAO;YAC3B,eAAe,EAAE,UAAU,CAAC,eAAe;YAC3C,YAAY,EAAE,UAAU,CAAC,YAAY;SACtC,CAAC;IACJ,CAAC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,KAAa,EAAE,EAAE;QACxD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,MAAM;gBACT,OAAO,eAAe,CAAC,KAAwB,EAAE,KAAK,CAAC,CAAC;YAC1D,KAAK,OAAO;gBACV,OAAO,gBAAgB,CAAC,KAAyB,EAAE,KAAK,CAAC,CAAC;YAC5D,KAAK,OAAO;gBACV,OAAO,gBAAgB,CAAC,KAAyB,EAAE,KAAK,CAAC,CAAC;YAC5D,KAAK,MAAM;gBACT,OAAO,eAAe,CAAC,KAAwB,EAAE,KAAK,CAAC,CAAC;YAC1D,KAAK,QAAQ;gBACX,OAAO,iBAAiB,CAAC,KAA0B,EAAE,KAAK,CAAC,CAAC;YAC9D,KAAK,UAAU;gBACb,OAAO,mBAAmB,CAAC,KAA4B,EAAE,KAAK,CAAC,CAAC;YAClE,KAAK,SAAS;gBACZ,OAAO,kBAAkB,CAAC,KAA2B,EAAE,KAAK,CAAC,CAAC;YAChE;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,oBAAoB;IACpB,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvD,MAAM,YAAY,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;QAE1E,qBAAqB;QACrB,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,OAAO,GAAG;gBACd,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAChC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAChC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAChC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAChC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;aACjC,CAAC;YACF,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,MAAM,SAAS,GAAG;gBAChB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;gBAC5C,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;gBAC1C,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;aACvC,CAAC;YACF,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,KAAK,CAAC,KAAK;gBAAE,OAAO,KAAK,CAAC,KAAK,CAAC;YAEpC,MAAM,QAAQ,GAAG;gBACf,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBAC1B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACvB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;gBACnC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC7B,CAAC;YACF,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,mBAAI,CACH,aAAa,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CACnC,KAAK,CAAC,CAAC;gBACL,QAAQ,EAAE,WAAW,EAAE;gBACvB,UAAU,EAAE,aAAa,EAAE;gBAC3B,KAAK,EAAE,QAAQ,EAAE;gBACjB,SAAS,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM;aACjC,CAAC,CAEF;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,qBAAqB;IACrB,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,KAAa,EAAE,EAAE;QAClE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAEjD,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,QAAQ,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;QAEtD,6DAA6D;QAC7D,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;YAC3C,CAAC,CAAC,KAAK,CAAC,KAAK;YACb,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;QAEzB,MAAM,UAAU,GAAQ;YACtB,KAAK;YACL,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,GAAG;YAC3B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC;SACtC,CAAC;QAEF,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,oBAAK,CACJ,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,UAAU,CAAC,EAEtB;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,qBAAqB;IACrB,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,KAAa,EAAE,EAAE;QAClE,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvD,MAAM,YAAY,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;QAE1E,oCAAoC;QACpC,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAE9F,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC1D,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC1D,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;SAC3D,CAAC;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QAEzC,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,eAAe;gBACf,iBAAiB,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC;gBACnC,eAAe,EAAE,IAAI,CAAC,OAAO;gBAC7B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI;gBACrC,SAAS,EAAE,YAAY;aACxB,CAAC,CAEF;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;aAC/C,CAAC,CAEF;YAAA,CAAC,YAAY,CACf;UAAA,EAAE,mBAAI,CACR;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,oBAAoB;IACpB,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;QAChE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;QAClF,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,iEAAiE;QACjE,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE;gBAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB,CAAC,CAEF;UAAA,CAAC,IAAI,CACP;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,iBAAiB,GAAG,CAAC,KAAwB,EAAE,KAAa,EAAE,EAAE;QACpE,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,QAAQ,KAAK,CAAC,KAAK,EAAE,CAAC;gBACpB,KAAK,SAAS;oBACZ,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;gBACrE,KAAK,WAAW;oBACd,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;gBAC7E,KAAK,SAAS;oBACZ,OAAO;wBACL,eAAe,EAAE,aAAa;wBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;wBAC3B,WAAW,EAAE,CAAC;wBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;qBAClC,CAAC;gBACJ,KAAK,QAAQ;oBACX,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;gBAC1D;oBACE,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YACvE,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;QACrC,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC1D,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC3D,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;SAC5D,CAAC;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QAEzC,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,+BAAgB,CACf,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CACxD,KAAK,CAAC,CAAC;gBACL,eAAe,EAAE,WAAW,CAAC,eAAe;gBAC5C,iBAAiB,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC;gBACnC,eAAe,EAAE,IAAI,CAAC,OAAO;gBAC7B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE;gBACnC,WAAW,EAAE,WAAW,CAAC,WAAW;gBACpC,WAAW,EAAE,WAAW,CAAC,WAAW;gBACpC,UAAU,EAAE,QAAQ;gBACpB,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK;aACvB,CAAC,CAEF;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,KAAK,EAAE,WAAW,CAAC,KAAK;gBACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;aAC/C,CAAC,CAEF;YAAA,CAAC,KAAK,CAAC,KAAK,CACd;UAAA,EAAE,mBAAI,CACR;QAAA,EAAE,+BAAgB,CACpB;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,wBAAwB;IACxB,MAAM,mBAAmB,GAAG,CAAC,KAA0B,EAAE,KAAa,EAAE,EAAE;QACxE,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QAC3B,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;QAC7B,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAEvD,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;gBACzB,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;gBAC7D,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI;gBACrC,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAEF;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,GAAG,UAAU,GAAG;gBACvB,eAAe,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;aACrD,CAAC,EAEN;QAAA,EAAE,mBAAI,CACN;QAAA,CAAC,KAAK,CAAC,cAAc,IAAI,CACvB,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;oBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;oBACtC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;oBACjC,SAAS,EAAE,CAAC;iBACb,CAAC,CAEF;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;UAC1B,EAAE,mBAAI,CAAC,CACR,CACH;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,uBAAuB;IACvB,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,KAAa,EAAE,EAAE;QACtE,2BAA2B;QAC3B,MAAM,WAAW,GAAG,eAAe,CAAC,KAAY,CAAC,CAAC;QAElD,OAAO,CACL,CAAC,mBAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnC;QAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;gBAC5B,eAAe,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;gBACnD,cAAc,EAAE,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;aACjD,CAAC,EAEN;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,oBAAoB;IACpB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,UAAU,GAAG;YACjB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YACpB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;SACrB,CAAC;QACF,OAAO,UAAU,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC;QACrC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;QAE7B,sCAAsC;QACtC,MAAM,cAAc,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE1D,MAAM,cAAc,GAAc;YAChC,aAAa,EAAE,QAAQ,CAAC,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;YAClE,GAAG,EAAE,OAAO;YACZ,GAAG,cAAc;SAClB,CAAC;QAEF,IAAI,QAAQ,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC/B,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC;QACnC,CAAC;QAED,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAC1B;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAC1D;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,aAAa,EAAE,CAAC;AACzB,CAAC,CAAC;AA1cW,QAAA,gBAAgB,oBA0c3B"}

package/dist/components/TypingIndicator.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Theme } from '../themes/types';
+export interface TypingIndicatorProps {
+    /**
+     * Theme configuration
+     */
+    theme: Theme;
+    /**
+     * Size of the dots
+     */
+    dotSize?: number;
+    /**
+     * Color of the dots (overrides theme)
+     */
+    dotColor?: string;
+}
+/**
+ * TypingIndicator Component
+ *
+ * Animated three-dot indicator showing AI is typing.
+ * Each dot bounces with a slight delay creating a wave effect.
+ *
+ * @example
+ * ```tsx
+ * {isTyping && <TypingIndicator theme={lightTheme} />}
+ * ```
+ */
+export declare function TypingIndicator({ theme, dotSize, dotColor, }: TypingIndicatorProps): React.JSX.Element;
+//# sourceMappingURL=TypingIndicator.d.ts.map

package/dist/components/TypingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/TypingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,qBAsEtB"}

package/dist/components/TypingIndicator.js

@@ -0,0 +1,110 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypingIndicator = TypingIndicator;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+/**
+ * TypingIndicator Component
+ *
+ * Animated three-dot indicator showing AI is typing.
+ * Each dot bounces with a slight delay creating a wave effect.
+ *
+ * @example
+ * ```tsx
+ * {isTyping && <TypingIndicator theme={lightTheme} />}
+ * ```
+ */
+function TypingIndicator({ theme, dotSize = 8, dotColor, }) {
+    // Animation values for each dot
+    const dot1Anim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const dot2Anim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const dot3Anim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    (0, react_1.useEffect)(() => {
+        // Create bounce animation for a single dot
+        const createBounceAnimation = (animValue, delay) => {
+            return react_native_1.Animated.sequence([
+                react_native_1.Animated.delay(delay),
+                react_native_1.Animated.loop(react_native_1.Animated.sequence([
+                    react_native_1.Animated.timing(animValue, {
+                        toValue: -8,
+                        duration: theme.animation.duration.normal,
+                        useNativeDriver: true,
+                    }),
+                    react_native_1.Animated.timing(animValue, {
+                        toValue: 0,
+                        duration: theme.animation.duration.normal,
+                        useNativeDriver: true,
+                    }),
+                ])),
+            ]);
+        };
+        // Start animations with staggered delays
+        const animation = react_native_1.Animated.parallel([
+            createBounceAnimation(dot1Anim, 0),
+            createBounceAnimation(dot2Anim, 150),
+            createBounceAnimation(dot3Anim, 300),
+        ]);
+        animation.start();
+        return () => {
+            animation.stop();
+        };
+    }, [dot1Anim, dot2Anim, dot3Anim, theme.animation.duration.normal]);
+    const containerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        alignSelf: 'flex-start',
+        backgroundColor: theme.colors.aiBubble,
+        borderRadius: theme.borderRadius.lg,
+        paddingHorizontal: theme.spacing.md,
+        paddingVertical: theme.spacing.sm + 2,
+        marginBottom: theme.spacing.sm,
+        ...theme.shadows.small,
+    };
+    const dotStyle = (animValue) => ({
+        width: dotSize,
+        height: dotSize,
+        borderRadius: dotSize / 2,
+        backgroundColor: dotColor || theme.colors.textSecondary,
+        marginHorizontal: theme.spacing.xs / 2,
+        transform: [{ translateY: animValue }],
+    });
+    return (<react_native_1.View style={containerStyle}>
+      <react_native_1.Animated.View style={dotStyle(dot1Anim)}/>
+      <react_native_1.Animated.View style={dotStyle(dot2Anim)}/>
+      <react_native_1.Animated.View style={dotStyle(dot3Anim)}/>
+    </react_native_1.View>);
+}
+//# sourceMappingURL=TypingIndicator.js.map

package/dist/components/TypingIndicator.js.map

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

package/dist/components/defaults/DefaultCard.d.ts

@@ -0,0 +1,15 @@
+/**
+ * DefaultCard Component
+ *
+ * Generic card component for displaying single data items.
+ * Used as fallback when no custom component is registered.
+ *
+ * Displays:
+ * - Title (from first string field or 'title', 'name', 'label')
+ * - Description (from 'description', 'subtitle', 'content')
+ * - Key-value pairs for remaining fields
+ */
+import React from 'react';
+import { ToolComponentProps } from '../../types/components';
+export declare function DefaultCard({ data, theme }: ToolComponentProps): React.JSX.Element | null;
+//# sourceMappingURL=DefaultCard.d.ts.map

package/dist/components/defaults/DefaultCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCard.d.ts","sourceRoot":"","sources":["../../../src/components/defaults/DefaultCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,4BAgI9D"}