@botpress/webchat 1.1.1 → 1.3.0

package/dist/schemas/init.d.ts

@@ -0,0 +1,3844 @@
+/// <reference types="react" />
+import { z } from 'zod';
+export declare const statePropsSchema: z.ZodEnum<["opened", "closed", "initial"]>;
+export declare const userPropsSchema: z.ZodObject<{
+    data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+}, "strip", z.ZodTypeAny, {
+    data?: Record<string, string> | undefined;
+}, {
+    data?: Record<string, string> | undefined;
+}>;
+export declare const clientModePropsSchema: z.ZodEnum<["messaging", "pushpin"]>;
+export declare const initPropsSchema: z.ZodObject<{
+    clientId: z.ZodString;
+    botId: z.ZodString;
+    selector: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    webchatScriptUrl: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    fabScriptUrl: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    messagingUrl: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    pushpinUrl: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    clientMode: z.ZodCatch<z.ZodOptional<z.ZodEnum<["messaging", "pushpin"]>>>;
+    configuration: z.ZodCatch<z.ZodOptional<z.ZodObject<{
+        composerPlaceholder: z.ZodOptional<z.ZodString>;
+        botName: z.ZodOptional<z.ZodString>;
+        botAvatar: z.ZodOptional<z.ZodString>;
+        botDescription: z.ZodOptional<z.ZodString>;
+        website: z.ZodOptional<z.ZodObject<{
+            title: z.ZodString;
+            link: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            title: string;
+            link?: string | undefined;
+        }, {
+            title: string;
+            link?: string | undefined;
+        }>>;
+        email: z.ZodOptional<z.ZodObject<{
+            title: z.ZodString;
+            link: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            title: string;
+            link?: string | undefined;
+        }, {
+            title: string;
+            link?: string | undefined;
+        }>>;
+        phone: z.ZodOptional<z.ZodObject<{
+            title: z.ZodString;
+            link: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            title: string;
+            link?: string | undefined;
+        }, {
+            title: string;
+            link?: string | undefined;
+        }>>;
+        privacyPolicy: z.ZodOptional<z.ZodObject<{
+            title: z.ZodString;
+            link: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            title: string;
+            link?: string | undefined;
+        }, {
+            title: string;
+            link?: string | undefined;
+        }>>;
+        termsOfService: z.ZodOptional<z.ZodObject<{
+            title: z.ZodString;
+            link: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            title: string;
+            link?: string | undefined;
+        }, {
+            title: string;
+            link?: string | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        composerPlaceholder?: string | undefined;
+        botName?: string | undefined;
+        botAvatar?: string | undefined;
+        botDescription?: string | undefined;
+        website?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        email?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        phone?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        privacyPolicy?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        termsOfService?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+    }, {
+        composerPlaceholder?: string | undefined;
+        botName?: string | undefined;
+        botAvatar?: string | undefined;
+        botDescription?: string | undefined;
+        website?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        email?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        phone?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        privacyPolicy?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        termsOfService?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+    }>>>;
+    theme: z.ZodCatch<z.ZodOptional<z.ZodObject<{
+        container: z.ZodOptional<z.ZodObject<{
+            className: z.ZodOptional<z.ZodString>;
+            style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+        }, "strip", z.ZodTypeAny, {
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        }, {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        }>>;
+        modal: z.ZodOptional<z.ZodObject<{
+            overlay: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            dialog: z.ZodOptional<z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                title: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    text: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    closeIcon: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                content: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                newConversation: z.ZodOptional<z.ZodObject<{
+                    text: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    button: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            overlay?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            dialog?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        }, {
+            overlay?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            dialog?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        }>>;
+        notification: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            title: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            description: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            icon: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            closeIcon: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            title?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            description?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            closeIcon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        }, {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            title?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            description?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            closeIcon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        }>>;
+        header: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            content: z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                title: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                description: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                avatar: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    image: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    fallback: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                actions: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    icons: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            }>;
+            expandedContent: z.ZodOptional<z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                descriptionItems: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    icon: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    text: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    link: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            }>>;
+            description: z.ZodOptional<z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                title: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                subtitle: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            }>>;
+            newConversationIcon: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            content: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            };
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            expandedContent?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+            description?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            newConversationIcon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        }, {
+            content: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            };
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            expandedContent?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+            description?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+            newConversationIcon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        }>>;
+        composer: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            input: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            button: z.ZodOptional<z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                icon: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            input?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+        }, {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            input?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            button?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+        }>>;
+        fab: z.ZodOptional<z.ZodObject<{
+            icon: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        }, {
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        }>>;
+        messageList: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            marquee: z.ZodOptional<z.ZodObject<{
+                content: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                title: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                description: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                avatar: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    image: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    fallback: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            }, {
+                content?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            }>>;
+            scrollDownButton: z.ZodOptional<z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                button: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                icon: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            marquee?: {
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            scrollDownButton?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+        }, {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            marquee?: {
+                content?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+            scrollDownButton?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+        }>>;
+        message: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            avatar: z.ZodOptional<z.ZodObject<{
+                container: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                image: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                fallback: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            }, {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            }>>;
+            blocks: z.ZodOptional<z.ZodObject<{
+                button: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                text: z.ZodRecord<z.ZodEnum<["heading1", "heading2", "heading3", "text", "horizontalRule", "link", "italic", "bold", "orderedList", "unorderedList", "listItem", "lineBreak", "pre"]>, z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>>;
+                image: z.ZodOptional<z.ZodObject<{
+                    image: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    placeholder: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                audio: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                video: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                file: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    title: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    icon: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                location: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    title: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    icon: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                column: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                row: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                bubble: z.ZodOptional<z.ZodObject<{
+                    className: z.ZodOptional<z.ZodString>;
+                    style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                }, "strip", z.ZodTypeAny, {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                }, {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                }>>;
+                carousel: z.ZodOptional<z.ZodObject<{
+                    container: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    slidesContainer: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    backButton: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                    nextButton: z.ZodOptional<z.ZodObject<{
+                        className: z.ZodOptional<z.ZodString>;
+                        style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                    }, "strip", z.ZodTypeAny, {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    }, {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                }, {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                }>>;
+                dropdown: z.ZodOptional<z.ZodObject<{
+                    button: z.ZodOptional<z.ZodObject<{
+                        container: z.ZodOptional<z.ZodObject<{
+                            className: z.ZodOptional<z.ZodString>;
+                            style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                        }, "strip", z.ZodTypeAny, {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        }, {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        }>>;
+                        icon: z.ZodOptional<z.ZodObject<{
+                            className: z.ZodOptional<z.ZodString>;
+                            style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                        }, "strip", z.ZodTypeAny, {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        }, {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        }>>;
+                        text: z.ZodOptional<z.ZodObject<{
+                            className: z.ZodOptional<z.ZodString>;
+                            style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                        }, "strip", z.ZodTypeAny, {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        }, {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        }>>;
+                    }, "strip", z.ZodTypeAny, {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    }, {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    }>>;
+                    content: z.ZodOptional<z.ZodObject<{
+                        container: z.ZodOptional<z.ZodObject<{
+                            className: z.ZodOptional<z.ZodString>;
+                            style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                        }, "strip", z.ZodTypeAny, {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        }, {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        }>>;
+                        item: z.ZodOptional<z.ZodObject<{
+                            className: z.ZodOptional<z.ZodString>;
+                            style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+                        }, "strip", z.ZodTypeAny, {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        }, {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        }>>;
+                    }, "strip", z.ZodTypeAny, {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    }, {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    }>>;
+                }, "strip", z.ZodTypeAny, {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                }, {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                }>>;
+            }, "strip", z.ZodTypeAny, {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            }, {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            avatar?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            blocks?: {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        }, {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            avatar?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+            blocks?: {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        }>>;
+        loadingIndicator: z.ZodOptional<z.ZodObject<{
+            container: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+            loader: z.ZodOptional<z.ZodObject<{
+                className: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEffects<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>, import("react").CSSProperties, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
+            }, "strip", z.ZodTypeAny, {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            }, {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            }>>;
+        }, "strip", z.ZodTypeAny, {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            loader?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        }, {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            loader?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        }>>;
+    }, "strip", z.ZodTypeAny, {
+        container?: {
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        } | undefined;
+        modal?: {
+            overlay?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            dialog?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        notification?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            title?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            description?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            closeIcon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+        header?: {
+            content: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            };
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            expandedContent?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+            description?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            newConversationIcon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+        composer?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            input?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        fab?: {
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+        messageList?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            marquee?: {
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            scrollDownButton?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        message?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            avatar?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            blocks?: {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        loadingIndicator?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            loader?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+    }, {
+        container?: {
+            className?: string | undefined;
+            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+        } | undefined;
+        modal?: {
+            overlay?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            dialog?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        notification?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            title?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            description?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            closeIcon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        } | undefined;
+        header?: {
+            content: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            };
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            expandedContent?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+            description?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+            newConversationIcon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        } | undefined;
+        composer?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            input?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            button?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        fab?: {
+            icon?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        } | undefined;
+        messageList?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            marquee?: {
+                content?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+            scrollDownButton?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        message?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            avatar?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+            } | undefined;
+            blocks?: {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        loadingIndicator?: {
+            container?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+            loader?: {
+                className?: string | undefined;
+                style?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
+            } | undefined;
+        } | undefined;
+    }>>>;
+    style: z.ZodCatch<z.ZodOptional<z.ZodString>>;
+    defaultState: z.ZodCatch<z.ZodOptional<z.ZodEnum<["opened", "closed", "initial"]>>>;
+    user: z.ZodCatch<z.ZodOptional<z.ZodObject<{
+        data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+    }, "strip", z.ZodTypeAny, {
+        data?: Record<string, string> | undefined;
+    }, {
+        data?: Record<string, string> | undefined;
+    }>>>;
+}, "strip", z.ZodTypeAny, {
+    clientId: string;
+    botId: string;
+    selector?: string | undefined;
+    webchatScriptUrl?: string | undefined;
+    fabScriptUrl?: string | undefined;
+    messagingUrl?: string | undefined;
+    pushpinUrl?: string | undefined;
+    clientMode?: "messaging" | "pushpin" | undefined;
+    configuration?: {
+        composerPlaceholder?: string | undefined;
+        botName?: string | undefined;
+        botAvatar?: string | undefined;
+        botDescription?: string | undefined;
+        website?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        email?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        phone?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        privacyPolicy?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+        termsOfService?: {
+            title: string;
+            link?: string | undefined;
+        } | undefined;
+    } | undefined;
+    theme?: {
+        container?: {
+            className?: string | undefined;
+            style?: import("react").CSSProperties | undefined;
+        } | undefined;
+        modal?: {
+            overlay?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            dialog?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    closeIcon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                newConversation?: {
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    button?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        notification?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            title?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            description?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            closeIcon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+        header?: {
+            content: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                actions?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icons?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            };
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            expandedContent?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                descriptionItems?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    text?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    link?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+            description?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                subtitle?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            newConversationIcon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+        composer?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            input?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            button?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        fab?: {
+            icon?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+        messageList?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            marquee?: {
+                content?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                title?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                description?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                avatar?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    fallback?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            scrollDownButton?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                icon?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        message?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            avatar?: {
+                container?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                fallback?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+            } | undefined;
+            blocks?: {
+                text: Partial<Record<"link" | "heading1" | "heading2" | "heading3" | "text" | "horizontalRule" | "italic" | "bold" | "orderedList" | "unorderedList" | "listItem" | "lineBreak" | "pre", {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined>>;
+                button?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                image?: {
+                    image?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    placeholder?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                audio?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                video?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                file?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                location?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    title?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    icon?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                column?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                row?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                bubble?: {
+                    className?: string | undefined;
+                    style?: import("react").CSSProperties | undefined;
+                } | undefined;
+                carousel?: {
+                    container?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    slidesContainer?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    backButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                    nextButton?: {
+                        className?: string | undefined;
+                        style?: import("react").CSSProperties | undefined;
+                    } | undefined;
+                } | undefined;
+                dropdown?: {
+                    button?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        icon?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        text?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                    content?: {
+                        container?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                        item?: {
+                            className?: string | undefined;
+                            style?: import("react").CSSProperties | undefined;
+                        } | undefined;
+                    } | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        loadingIndicator?: {
+            container?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+            loader?: {
+                className?: string | undefined;
+                style?: import("react").CSSProperties | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+    style?: string | undefined;
+    defaultState?: "opened" | "closed" | "initial" | undefined;
+    user?: {
+        data?: Record<string, string> | undefined;
+    } | undefined;
+}, {
+    clientId: string;
+    botId: string;
+    selector?: unknown;
+    webchatScriptUrl?: unknown;
+    fabScriptUrl?: unknown;
+    messagingUrl?: unknown;
+    pushpinUrl?: unknown;
+    clientMode?: unknown;
+    configuration?: unknown;
+    theme?: unknown;
+    style?: unknown;
+    defaultState?: unknown;
+    user?: unknown;
+}>;