@uzum-tech/ui 2.3.3 → 2.3.5

package/es/chat/src/Chat.d.ts

@@ -1,3049 +1,246 @@
-import type { PropType } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
-import type { ChatId, ChatListItemData, ChatMessageData, ChatProps as ChatPropsInterface } from './interface';
-type ChatPropsType = ChatPropsInterface;
-export declare const chatProps: {
-    chatItems: {
-        type: PropType<ChatPropsType["chatItems"]>;
-        default: () => never[];
-    };
-    selectedChatId: {
-        type: PropType<ChatPropsType["selectedChatId"]>;
-        default: undefined;
-    };
-    messages: {
-        type: PropType<ChatPropsType["messages"]>;
-        default: () => never[];
-    };
-    typingChatIds: {
-        type: PropType<Array<string | number | symbol>>;
-        default: () => never[];
-    };
-    disabled: {
-        type: PropType<ChatPropsType["disabled"]>;
-        default: boolean;
-    };
-    listEmptyProps: {
-        type: PropType<Partial<ChatPropsType["listEmptyProps"]>>;
-        default: undefined;
-    };
-    listHeaderTitle: {
-        type: PropType<ChatPropsType["listHeaderTitle"]>;
-        default: string;
-    };
-    listHeaderActions: {
-        type: PropType<ChatPropsType["listHeaderActions"]>;
-        default: () => never[];
-    };
-    listHeaderButtonProps: {
-        type: PropType<Partial<ChatPropsType["listHeaderButtonProps"]>>;
-        default: undefined;
-    };
-    listHeaderIconProps: {
-        type: PropType<Partial<ChatPropsType["listHeaderIconProps"]>>;
-        default: undefined;
-    };
-    listItemAvatarProps: {
-        type: PropType<Partial<ChatPropsType["listItemAvatarProps"]>>;
-        default: undefined;
-    };
-    listItemBadgeProps: {
-        type: PropType<Partial<ChatPropsType["listItemBadgeProps"]>>;
-        default: undefined;
-    };
-    headerTitle: {
-        type: PropType<ChatPropsType["headerTitle"]>;
-        default: undefined;
-    };
-    headerActions: {
-        type: PropType<ChatPropsType["headerActions"]>;
-        default: () => never[];
-    };
-    headerButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerButtonProps"]>>;
-        default: undefined;
-    };
-    headerIconProps: {
-        type: PropType<Partial<ChatPropsType["headerIconProps"]>>;
-        default: undefined;
-    };
-    headerShareButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerShareButtonProps"]>>;
-        default: undefined;
-    };
-    headerProfileButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerProfileButtonProps"]>>;
-        default: undefined;
-    };
-    headerCloseButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerCloseButtonProps"]>>;
-        default: undefined;
-    };
-    headerShareIconProps: {
-        type: PropType<Partial<ChatPropsType["headerShareIconProps"]>>;
-        default: undefined;
-    };
-    headerProfileIconProps: {
-        type: PropType<Partial<ChatPropsType["headerProfileIconProps"]>>;
-        default: undefined;
-    };
-    messageSenderAvatarProps: {
-        type: PropType<Partial<ChatPropsType["messageSenderAvatarProps"]>>;
-        default: undefined;
-    };
-    messageUploadProps: {
-        type: PropType<Partial<ChatPropsType["messageUploadProps"]>>;
-        default: undefined;
-    };
-    messageButtonProps: {
-        type: PropType<Partial<ChatPropsType["messageButtonProps"]>>;
-        default: undefined;
-    };
-    footerInputProps: {
-        type: PropType<Partial<ChatPropsType["footerInputProps"]>>;
-        default: undefined;
-    };
-    footerButtonProps: {
-        type: PropType<Partial<ChatPropsType["footerButtonProps"]>>;
-        default: undefined;
-    };
-    footerUploadProps: {
-        type: PropType<Partial<ChatPropsType["footerUploadProps"]>>;
-        default: undefined;
-    };
-    footerUploadTriggerProps: {
-        type: PropType<ChatPropsType["footerUploadTriggerProps"]>;
-        default: undefined;
-    };
-    footerIconProps: {
-        type: PropType<Partial<ChatPropsType["footerIconProps"]>>;
-        default: undefined;
-    };
-    footerSuffixIconProps: {
-        type: PropType<Partial<ChatPropsType["footerSuffixIconProps"]>>;
-        default: undefined;
-    };
-    emptyProps: {
-        type: PropType<Partial<ChatPropsType["emptyProps"]>>;
-        default: undefined;
-    };
-    retryText: {
-        type: PropType<ChatPropsType["retryText"]>;
-        default: undefined;
-    };
-    typingText: {
-        type: PropType<ChatPropsType["typingText"]>;
-        default: undefined;
-    };
-    closeButtonText: {
-        type: PropType<ChatPropsType["closeButtonText"]>;
-        default: undefined;
-    };
-    shareButtonTooltip: {
-        type: PropType<ChatPropsType["shareButtonTooltip"]>;
-        default: undefined;
-    };
-    profileButtonTooltip: {
-        type: PropType<ChatPropsType["profileButtonTooltip"]>;
-        default: undefined;
-    };
-    unreadNotificationText: {
-        type: PropType<ChatPropsType["unreadNotificationText"]>;
-        default: undefined;
-    };
-    chatItemsLoading: {
-        type: PropType<ChatPropsType["chatItemsLoading"]>;
-        default: boolean;
-    };
-    chatItemsLoadingCount: {
-        type: PropType<ChatPropsType["chatItemsLoadingCount"]>;
-        default: number;
-    };
-    messagesLoading: {
-        type: PropType<ChatPropsType["messagesLoading"]>;
-        default: boolean;
-    };
-    messagesLoadingCount: {
-        type: PropType<ChatPropsType["messagesLoadingCount"]>;
-        default: number;
-    };
-    height: {
-        type: PropType<string | number>;
-        default: number;
-    };
-    onChatSelect: {
-        type: PropType<ChatPropsType["onChatSelect"]>;
-        default: undefined;
-    };
-    onMessageRetry: {
-        type: PropType<ChatPropsType["onMessageRetry"]>;
-        default: undefined;
-    };
-    bubbleActions: {
-        type: PropType<ChatPropsType["bubbleActions"]>;
-        default: undefined;
-    };
-    onChatClose: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onChatShare: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onUserProfile: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onAttachmentUpload: {
-        type: PropType<ChatPropsType["onAttachmentUpload"]>;
-        default: undefined;
-    };
-    onAttachmentDownload: {
-        type: PropType<ChatPropsType["onAttachmentDownload"]>;
-        default: undefined;
-    };
-    onFilterChange: {
-        type: PropType<ChatPropsType["onFilterChange"]>;
-        default: undefined;
-    };
-    onFooterInputChange: {
-        type: PropType<(value: string, chatId: ChatId) => void>;
-        default: undefined;
-    };
-    onNetworkError: {
-        type: PropType<ChatPropsType["onNetworkError"]>;
-        default: undefined;
-    };
-    onUploadError: {
-        type: PropType<ChatPropsType["onUploadError"]>;
-        default: undefined;
-    };
-    onSendError: {
-        type: PropType<ChatPropsType["onSendError"]>;
-        default: undefined;
-    };
-    onChatItemsScrollToTop: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onChatItemsScrollToBottom: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onMessagesScrollToTop: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onMessagesScrollToBottom: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    theme: PropType<import("../../_mixins").Theme<"Chat", {
-        backgroundColor: string;
-        borderColor: string;
-        sidebarBackgroundColor: string;
-        sidebarBorderColor: string;
-        sidebarItemBackgroundColor: string;
-        sidebarItemBackgroundColorHover: string;
-        sidebarItemBackgroundColorSelected: string;
-        sidebarItemTextColor: string;
-        sidebarItemTextColorSelected: string;
-        sidebarItemSubtitleColor: string;
-        sidebarItemTimeColor: string;
-        mainBackgroundColor: string;
-        headerBackgroundColor: string;
-        headerBorderColor: string;
-        headerTitleColor: string;
-        messageBubbleBackgroundColorOwn: string;
-        messageBubbleBackgroundColorOther: string;
-        messageBubbleTextColorOwn: string;
-        messageBubbleTextColorOther: string;
-        messageTimeColor: string;
-        messageStatusColor: string;
-        attachmentBackgroundColorOwn: string;
-        attachmentBackgroundColorOther: string;
-        footerBackgroundColor: string;
-        footerBorderColor: string;
-        inputBackgroundColor: string;
-        inputBorderColor: string;
-        inputSuffixColor: string;
-        unreadNotificationBackgroundColor: string;
-        unreadNotificationTextColor: string;
-        typingIndicatorColor: string;
-        dateSeparatorColor: string;
-        dateSeparatorBackgroundColor: string;
-        borderRadius: string;
-        errorColor: string;
-    }, {
-        Input: import("../../_mixins").Theme<"Input", {
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            clearSize: string;
-            countTextColorDisabled: string;
-            countTextColor: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            lineHeightTextarea: string;
-            borderRadius: string;
-            iconSize: string;
-            groupLabelTextColor: string;
-            textColor: string;
-            textColorDisabled: string;
-            textDecorationColor: string;
-            caretColor: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            color: string;
-            colorDisabled: string;
-            colorFocus: string;
-            groupLabelBorder: string;
-            border: string;
-            borderHover: string;
-            borderDisabled: string;
-            borderFocus: string;
-            boxShadowFocus: string;
-            loadingColor: string;
-            loadingColorSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            colorFocusSuccess: string;
-            borderFocusSuccess: string;
-            boxShadowFocusSuccess: string;
-            caretColorSuccess: string;
-            loadingColorWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            colorFocusWarning: string;
-            borderFocusWarning: string;
-            boxShadowFocusWarning: string;
-            caretColorWarning: string;
-            loadingColorError: string;
-            borderError: string;
-            borderHoverError: string;
-            colorFocusError: string;
-            borderFocusError: string;
-            boxShadowFocusError: string;
-            caretColorError: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            iconColor: string;
-            iconColorDisabled: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            suffixTextColor: string;
-            selectionColor: string;
-        }, any>;
-        Empty: import("../../_mixins").Theme<"Empty", {
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            iconSizeHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            descriptionFontSizeSmall: string;
-            descriptionFontSizeMedium: string;
-            descriptionFontSizeLarge: string;
-            descriptionFontSizeHuge: string;
-            titleColor: string;
-            descriptionColor: string;
-            iconColor: string;
-            iconBgColor: string;
-            extraTextColor: string;
-        }, any>;
-        Select: import("../../_mixins").Theme<"Select", {
-            menuBoxShadow: string;
-        }, {
-            InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                clearSizeTiny: string;
-                clearSizeSmall: string;
-                clearSizeMedium: string;
-                clearSizeLarge: string;
-                clearSizeHuge: string;
-                arrowSizeTiny: string;
-                arrowSizeSmall: string;
-                arrowSizeMedium: string;
-                arrowSizeLarge: string;
-                arrowSizeHuge: string;
-                fontSizeTiny: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                lineHeightTiny: string;
-                lineHeightSmall: string;
-                lineHeightMedium: string;
-                lineHeightLarge: string;
-                lineHeightHuge: string;
-                heightTiny: string;
-                heightSmall: string;
-                heightMedium: string;
-                heightLarge: string;
-                heightHuge: string;
-                borderRadiusTiny: string;
-                borderRadiusSmall: string;
-                borderRadiusMedium: string;
-                borderRadiusLarge: string;
-                borderRadiusHuge: string;
-                textColor: string;
-                textColorDisabled: string;
-                placeholderColor: string;
-                placeholderColorDisabled: string;
-                color: string;
-                colorFilled: string;
-                colorDisabled: string;
-                colorActive: string;
-                border: string;
-                borderFilled: string;
-                borderHover: string;
-                borderActive: string;
-                borderFocus: string;
-                borderDisabled: string;
-                boxShadowHover: string;
-                boxShadowActive: string;
-                boxShadowFocus: string;
-                caretColor: string;
-                arrowColor: string;
-                arrowColorHover: string;
-                arrowColorDisabled: string;
-                loadingColor: string;
-                borderWarning: string;
-                borderHoverWarning: string;
-                borderActiveWarning: string;
-                borderFocusWarning: string;
-                boxShadowHoverWarning: string;
-                boxShadowActiveWarning: string;
-                boxShadowFocusWarning: string;
-                colorActiveWarning: string;
-                caretColorWarning: string;
-                borderError: string;
-                borderHoverError: string;
-                borderActiveError: string;
-                borderFocusError: string;
-                boxShadowHoverError: string;
-                boxShadowActiveError: string;
-                boxShadowFocusError: string;
-                colorActiveError: string;
-                caretColorError: string;
-                clearColor: string;
-                clearColorHover: string;
-                clearColorPressed: string;
-                caretColorSecondary: string;
-                filterCounterTextColor: string;
-                filterCounterTextColorDisabled: string;
-                arrowColorSecondary: string;
-                clearColorSecondary: string;
-                colorSecondary: string;
-                textColorSecondary: string;
-                borderSecondary: string;
-                arrowColorDisabledSecondary: string;
-                clearColorDisabledSecondary: string;
-                colorDisabledSecondary: string;
-                textColorDisabledSecondary: string;
-                borderDisabledSecondary: string;
-                arrowColorHoverSecondary: string;
-                clearColorHoverSecondary: string;
-                colorHoverSecondary: string;
-                textColorHoverSecondary: string;
-                borderHoverSecondary: string;
-                arrowColorFocusSecondary: string;
-                clearColorFocusSecondary: string;
-                colorFocusSecondary: string;
-                textColorFocusSecondary: string;
-                borderFocusSecondary: string;
-                arrowColorActiveSecondary: string;
-                clearColorActiveSecondary: string;
-                colorActiveSecondary: string;
-                textColorActiveSecondary: string;
-                borderActiveSecondary: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                }, any>;
-            }>;
-            InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
-                height: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                optionPaddingSmall: string;
-                optionPaddingMedium: string;
-                optionPaddingLarge: string;
-                loadingSize: string;
-                optionFontSizeSmall: string;
-                optionFontSizeMedium: string;
-                optionFontSizeLarge: string;
-                optionHeightSmall: string;
-                optionHeightMedium: string;
-                optionHeightLarge: string;
-                optionBorderRadius: string;
-                borderRadius: string;
-                color: string;
-                groupHeaderTextColor: string;
-                actionDividerColor: string;
-                optionTextColor: string;
-                optionTextColorPressed: string;
-                optionTextColorDisabled: string;
-                optionTextColorActive: string;
-                optionOpacityDisabled: string;
-                optionCheckColor: string;
-                optionColorPending: string;
-                optionColorActive: string;
-                optionGroupHeaderBorderColor: string;
-                optionColorActivePending: string;
-                actionTextColor: string;
-                loadingColor: string;
-            }, {
-                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    color: string;
-                    colorHover: string;
-                    railInsetHorizontalBottom: string;
-                    railInsetHorizontalTop: string;
-                    railInsetVerticalRight: string;
-                    railInsetVerticalLeft: string;
-                    railColor: string;
-                }, any>;
-                Empty: import("../../_mixins").Theme<"Empty", {
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    iconSizeHuge: string;
-                    titleFontSizeSmall: string;
-                    titleFontSizeMedium: string;
-                    titleFontSizeLarge: string;
-                    titleFontSizeHuge: string;
-                    descriptionFontSizeSmall: string;
-                    descriptionFontSizeMedium: string;
-                    descriptionFontSizeLarge: string;
-                    descriptionFontSizeHuge: string;
-                    titleColor: string;
-                    descriptionColor: string;
-                    iconColor: string;
-                    iconBgColor: string;
-                    extraTextColor: string;
-                }, any>;
-                Checkbox: import("../../_mixins").Theme<"Checkbox", {
-                    fontWeight: string;
-                    textColor: string;
-                    descriptionTextColor: string;
-                    textColorDisabled: string;
-                    descriptionTextColorDisabled: string;
-                    fontSizeLarge: string;
-                    fontSizeMedium: string;
-                    fontSizeSmall: string;
-                    lineHeightLarge: string;
-                    lineHeightMedium: string;
-                    lineHeightSmall: string;
-                    borderRadiusLarge: string;
-                    borderRadiusMedium: string;
-                    borderRadiusSmall: string;
-                    color: string;
-                    colorHover: string;
-                    colorFocus: string;
-                    colorActive: string;
-                    colorChecked: string;
-                    colorHoverChecked: string;
-                    colorFocusChecked: string;
-                    colorActiveChecked: string;
-                    colorDisabled: string;
-                    colorDisabledChecked: string;
-                    checkMarkColor: string;
-                    checkMarkColorHover: string;
-                    checkMarkColorFocus: string;
-                    checkMarkColorActive: string;
-                    checkMarkColorDisabled: string;
-                    checkMarkColorDisabledChecked: string;
-                    border: string;
-                    borderHover: string;
-                    borderFocus: string;
-                    borderActive: string;
-                    borderChecked: string;
-                    borderHoverChecked: string;
-                    borderFocusChecked: string;
-                    borderActiveChecked: string;
-                    borderDisabled: string;
-                    borderDisabledChecked: string;
-                    boxShadowHover: string;
-                    boxShadowFocus: string;
-                    boxShadowActive: string;
-                    boxShadowHoverChecked: string;
-                    boxShadowFocusChecked: string;
-                    boxShadowActiveChecked: string;
-                    sizeSmall: string;
-                    sizeMedium: string;
-                    sizeLarge: string;
-                    labelPadding: string;
-                }, any>;
-                Input: import("../../_mixins").Theme<"Input", {
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingHuge: string;
-                    clearSize: string;
-                    countTextColorDisabled: string;
-                    countTextColor: string;
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    heightHuge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    lineHeight: string;
-                    lineHeightTextarea: string;
-                    borderRadius: string;
-                    iconSize: string;
-                    groupLabelTextColor: string;
-                    textColor: string;
-                    textColorDisabled: string;
-                    textDecorationColor: string;
-                    caretColor: string;
-                    placeholderColor: string;
-                    placeholderColorDisabled: string;
-                    color: string;
-                    colorDisabled: string;
-                    colorFocus: string;
-                    groupLabelBorder: string;
-                    border: string;
-                    borderHover: string;
-                    borderDisabled: string;
-                    borderFocus: string;
-                    boxShadowFocus: string;
-                    loadingColor: string;
-                    loadingColorSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    colorFocusSuccess: string;
-                    borderFocusSuccess: string;
-                    boxShadowFocusSuccess: string;
-                    caretColorSuccess: string;
-                    loadingColorWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    colorFocusWarning: string;
-                    borderFocusWarning: string;
-                    boxShadowFocusWarning: string;
-                    caretColorWarning: string;
-                    loadingColorError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    colorFocusError: string;
-                    borderFocusError: string;
-                    boxShadowFocusError: string;
-                    caretColorError: string;
-                    clearColor: string;
-                    clearColorHover: string;
-                    clearColorPressed: string;
-                    iconColor: string;
-                    iconColorDisabled: string;
-                    iconColorHover: string;
-                    iconColorPressed: string;
-                    suffixTextColor: string;
-                    selectionColor: string;
-                }, any>;
-            }>;
-        }>;
-        Avatar: import("../../_mixins").Theme<"Avatar", {
-            borderRadius: string;
-            fontSize: string;
-            fontWeight: string;
-            border: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            textColor: string;
-            iconColor: string;
-            color: string;
-            iconSize: string;
-        }, any>;
-        Badge: import("../../_mixins").Theme<"Badge", {
-            color: string;
-            colorPrime: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorError: string;
-            colorWarning: string;
-            fontSize: string;
-            textColor: string;
-            textColorPrime: string;
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorError: string;
-            textColorWarning: string;
-            borderColor: string;
-            dotSize: string;
-        }, any>;
-        Button: import("../../_mixins").Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorOpacitySecondaryFocus: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorSecondaryFocus: string;
-            colorSecondaryDisabled: string;
-            textColorSecondaryDisabled: string;
-            waveColorSecondary: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorTertiaryFocus: string;
-            colorTertiaryDisalbed: string;
-            waveColorTertiary: string;
-            textColorTextTertiary: string;
-            rippleColorTertiary: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            colorQuaternaryFocus: string;
-            rippleColorQuaternary: string;
-            waveColorQuaternary: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textTertiary: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            waveColorPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>;
-        List: import("../../_mixins").Theme<"List", {
-            iconSize: string;
-            iconSpace: string;
-            suffixSpace: string;
-            prefixSpace: string;
-            subtitleColor: string;
-            avatarSpace: string;
-            colorFocus: string;
-            pressedScale: string;
-            textColorDisabled: string;
-            textColor: string;
-            color: string;
-            colorHover: string;
-            colorModal: string;
-            colorHoverModal: string;
-            colorPopover: string;
-            colorHoverPopover: string;
-            borderColor: string;
-            borderColorModal: string;
-            borderColorPopover: string;
-            borderRadiusLarge: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            padding: string;
-            suffixSize: string;
-        }, any>;
-        Typography: import("../../_mixins").Theme<"Typography", {
-            headerFontSize1: string;
-            headerFontSize2: string;
-            headerFontSize3: string;
-            headerFontSize4: string;
-            headerFontSize5: string;
-            headerFontSize6: string;
-            headerMargin1: string;
-            headerMargin2: string;
-            headerMargin3: string;
-            headerMargin4: string;
-            headerMargin5: string;
-            headerMargin6: string;
-            headerPrefixWidth1: string;
-            headerPrefixWidth2: string;
-            headerPrefixWidth3: string;
-            headerPrefixWidth4: string;
-            headerPrefixWidth5: string;
-            headerPrefixWidth6: string;
-            headerBarWidth1: string;
-            headerBarWidth2: string;
-            headerBarWidth3: string;
-            headerBarWidth4: string;
-            headerBarWidth5: string;
-            headerBarWidth6: string;
-            pMargin: string;
-            margin: string;
-            liMargin: string;
-            olPadding: string;
-            ulPadding: string;
-            aTextColor: string;
-            blockquoteTextColor: string;
-            blockquotePrefixColor: string;
-            blockquoteLineHeight: string;
-            blockquoteFontSize: string;
-            codeBorderRadius: string;
-            liTextColor: string;
-            liLineHeight: string;
-            liFontSize: string;
-            hrColor: string;
-            headerFontWeight: string;
-            headerTextColor: string;
-            pTextColor: string;
-            pTextColor1Depth: string;
-            pTextColor2Depth: string;
-            pTextColor3Depth: string;
-            pLineHeight: string;
-            pFontSize: string;
-            fontSize: string;
-            lineHeight: string;
-            headerBarColor: string;
-            headerBarColorPrimary: string;
-            headerBarColorInfo: string;
-            headerBarColorError: string;
-            headerBarColorWarning: string;
-            headerBarColorSuccess: string;
-            textColor: string;
-            textColor1Depth: string;
-            textColor2Depth: string;
-            textColor3Depth: string;
-            textColorPrimary: string;
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorWarning: string;
-            textColorError: string;
-            codeTextColor: string;
-            codeColor: string;
-            codeBorder: string;
-        }, any>;
-        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
-            messageBubbleBackgroundColorOwn: string;
-            messageBubbleBackgroundColorOther: string;
-            messageBubbleTextColorOwn: string;
-            messageBubbleTextColorOther: string;
-            messageTimeColor: string;
-            messageStatusReadColor: string;
-            messageStatusSuccessColor: string;
-            attachmentBackgroundColorOwn: string;
-            attachmentBackgroundColorOther: string;
-            messageErrorColor: string;
-            messageBorderRadius: string;
-            unreadNotificationBackgroundColor: string;
-            unreadNotificationTextColor: string;
-            serviceMessageTextColor: string;
-            serviceMessageBackgroundColor: string;
-            messageTitleColor: string;
-        }, {
-            StatusIcon: import("../../_mixins").Theme<"Icon", {
-                color: string;
-                opacity1Depth: string;
-                opacity2Depth: string;
-                opacity3Depth: string;
-                opacity4Depth: string;
-                opacity5Depth: string;
-            }, any>;
-        }>;
-        StatusIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        FooterAttachIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        FooterSuffixIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        HeaderShareIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        HeaderProfileIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-    }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
-        backgroundColor: string;
-        borderColor: string;
-        sidebarBackgroundColor: string;
-        sidebarBorderColor: string;
-        sidebarItemBackgroundColor: string;
-        sidebarItemBackgroundColorHover: string;
-        sidebarItemBackgroundColorSelected: string;
-        sidebarItemTextColor: string;
-        sidebarItemTextColorSelected: string;
-        sidebarItemSubtitleColor: string;
-        sidebarItemTimeColor: string;
-        mainBackgroundColor: string;
-        headerBackgroundColor: string;
-        headerBorderColor: string;
-        headerTitleColor: string;
-        messageBubbleBackgroundColorOwn: string;
-        messageBubbleBackgroundColorOther: string;
-        messageBubbleTextColorOwn: string;
-        messageBubbleTextColorOther: string;
-        messageTimeColor: string;
-        messageStatusColor: string;
-        attachmentBackgroundColorOwn: string;
-        attachmentBackgroundColorOther: string;
-        footerBackgroundColor: string;
-        footerBorderColor: string;
-        inputBackgroundColor: string;
-        inputBorderColor: string;
-        inputSuffixColor: string;
-        unreadNotificationBackgroundColor: string;
-        unreadNotificationTextColor: string;
-        typingIndicatorColor: string;
-        dateSeparatorColor: string;
-        dateSeparatorBackgroundColor: string;
-        borderRadius: string;
-        errorColor: string;
-    }, {
-        Input: import("../../_mixins").Theme<"Input", {
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            clearSize: string;
-            countTextColorDisabled: string;
-            countTextColor: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            lineHeightTextarea: string;
-            borderRadius: string;
-            iconSize: string;
-            groupLabelTextColor: string;
-            textColor: string;
-            textColorDisabled: string;
-            textDecorationColor: string;
-            caretColor: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            color: string;
-            colorDisabled: string;
-            colorFocus: string;
-            groupLabelBorder: string;
-            border: string;
-            borderHover: string;
-            borderDisabled: string;
-            borderFocus: string;
-            boxShadowFocus: string;
-            loadingColor: string;
-            loadingColorSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            colorFocusSuccess: string;
-            borderFocusSuccess: string;
-            boxShadowFocusSuccess: string;
-            caretColorSuccess: string;
-            loadingColorWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            colorFocusWarning: string;
-            borderFocusWarning: string;
-            boxShadowFocusWarning: string;
-            caretColorWarning: string;
-            loadingColorError: string;
-            borderError: string;
-            borderHoverError: string;
-            colorFocusError: string;
-            borderFocusError: string;
-            boxShadowFocusError: string;
-            caretColorError: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            iconColor: string;
-            iconColorDisabled: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            suffixTextColor: string;
-            selectionColor: string;
-        }, any>;
-        Empty: import("../../_mixins").Theme<"Empty", {
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            iconSizeHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            descriptionFontSizeSmall: string;
-            descriptionFontSizeMedium: string;
-            descriptionFontSizeLarge: string;
-            descriptionFontSizeHuge: string;
-            titleColor: string;
-            descriptionColor: string;
-            iconColor: string;
-            iconBgColor: string;
-            extraTextColor: string;
-        }, any>;
-        Select: import("../../_mixins").Theme<"Select", {
-            menuBoxShadow: string;
-        }, {
-            InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                clearSizeTiny: string;
-                clearSizeSmall: string;
-                clearSizeMedium: string;
-                clearSizeLarge: string;
-                clearSizeHuge: string;
-                arrowSizeTiny: string;
-                arrowSizeSmall: string;
-                arrowSizeMedium: string;
-                arrowSizeLarge: string;
-                arrowSizeHuge: string;
-                fontSizeTiny: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                lineHeightTiny: string;
-                lineHeightSmall: string;
-                lineHeightMedium: string;
-                lineHeightLarge: string;
-                lineHeightHuge: string;
-                heightTiny: string;
-                heightSmall: string;
-                heightMedium: string;
-                heightLarge: string;
-                heightHuge: string;
-                borderRadiusTiny: string;
-                borderRadiusSmall: string;
-                borderRadiusMedium: string;
-                borderRadiusLarge: string;
-                borderRadiusHuge: string;
-                textColor: string;
-                textColorDisabled: string;
-                placeholderColor: string;
-                placeholderColorDisabled: string;
-                color: string;
-                colorFilled: string;
-                colorDisabled: string;
-                colorActive: string;
-                border: string;
-                borderFilled: string;
-                borderHover: string;
-                borderActive: string;
-                borderFocus: string;
-                borderDisabled: string;
-                boxShadowHover: string;
-                boxShadowActive: string;
-                boxShadowFocus: string;
-                caretColor: string;
-                arrowColor: string;
-                arrowColorHover: string;
-                arrowColorDisabled: string;
-                loadingColor: string;
-                borderWarning: string;
-                borderHoverWarning: string;
-                borderActiveWarning: string;
-                borderFocusWarning: string;
-                boxShadowHoverWarning: string;
-                boxShadowActiveWarning: string;
-                boxShadowFocusWarning: string;
-                colorActiveWarning: string;
-                caretColorWarning: string;
-                borderError: string;
-                borderHoverError: string;
-                borderActiveError: string;
-                borderFocusError: string;
-                boxShadowHoverError: string;
-                boxShadowActiveError: string;
-                boxShadowFocusError: string;
-                colorActiveError: string;
-                caretColorError: string;
-                clearColor: string;
-                clearColorHover: string;
-                clearColorPressed: string;
-                caretColorSecondary: string;
-                filterCounterTextColor: string;
-                filterCounterTextColorDisabled: string;
-                arrowColorSecondary: string;
-                clearColorSecondary: string;
-                colorSecondary: string;
-                textColorSecondary: string;
-                borderSecondary: string;
-                arrowColorDisabledSecondary: string;
-                clearColorDisabledSecondary: string;
-                colorDisabledSecondary: string;
-                textColorDisabledSecondary: string;
-                borderDisabledSecondary: string;
-                arrowColorHoverSecondary: string;
-                clearColorHoverSecondary: string;
-                colorHoverSecondary: string;
-                textColorHoverSecondary: string;
-                borderHoverSecondary: string;
-                arrowColorFocusSecondary: string;
-                clearColorFocusSecondary: string;
-                colorFocusSecondary: string;
-                textColorFocusSecondary: string;
-                borderFocusSecondary: string;
-                arrowColorActiveSecondary: string;
-                clearColorActiveSecondary: string;
-                colorActiveSecondary: string;
-                textColorActiveSecondary: string;
-                borderActiveSecondary: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                }, any>;
-            }>;
-            InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
-                height: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                optionPaddingSmall: string;
-                optionPaddingMedium: string;
-                optionPaddingLarge: string;
-                loadingSize: string;
-                optionFontSizeSmall: string;
-                optionFontSizeMedium: string;
-                optionFontSizeLarge: string;
-                optionHeightSmall: string;
-                optionHeightMedium: string;
-                optionHeightLarge: string;
-                optionBorderRadius: string;
-                borderRadius: string;
-                color: string;
-                groupHeaderTextColor: string;
-                actionDividerColor: string;
-                optionTextColor: string;
-                optionTextColorPressed: string;
-                optionTextColorDisabled: string;
-                optionTextColorActive: string;
-                optionOpacityDisabled: string;
-                optionCheckColor: string;
-                optionColorPending: string;
-                optionColorActive: string;
-                optionGroupHeaderBorderColor: string;
-                optionColorActivePending: string;
-                actionTextColor: string;
-                loadingColor: string;
-            }, {
-                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    color: string;
-                    colorHover: string;
-                    railInsetHorizontalBottom: string;
-                    railInsetHorizontalTop: string;
-                    railInsetVerticalRight: string;
-                    railInsetVerticalLeft: string;
-                    railColor: string;
-                }, any>;
-                Empty: import("../../_mixins").Theme<"Empty", {
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    iconSizeHuge: string;
-                    titleFontSizeSmall: string;
-                    titleFontSizeMedium: string;
-                    titleFontSizeLarge: string;
-                    titleFontSizeHuge: string;
-                    descriptionFontSizeSmall: string;
-                    descriptionFontSizeMedium: string;
-                    descriptionFontSizeLarge: string;
-                    descriptionFontSizeHuge: string;
-                    titleColor: string;
-                    descriptionColor: string;
-                    iconColor: string;
-                    iconBgColor: string;
-                    extraTextColor: string;
-                }, any>;
-                Checkbox: import("../../_mixins").Theme<"Checkbox", {
-                    fontWeight: string;
-                    textColor: string;
-                    descriptionTextColor: string;
-                    textColorDisabled: string;
-                    descriptionTextColorDisabled: string;
-                    fontSizeLarge: string;
-                    fontSizeMedium: string;
-                    fontSizeSmall: string;
-                    lineHeightLarge: string;
-                    lineHeightMedium: string;
-                    lineHeightSmall: string;
-                    borderRadiusLarge: string;
-                    borderRadiusMedium: string;
-                    borderRadiusSmall: string;
-                    color: string;
-                    colorHover: string;
-                    colorFocus: string;
-                    colorActive: string;
-                    colorChecked: string;
-                    colorHoverChecked: string;
-                    colorFocusChecked: string;
-                    colorActiveChecked: string;
-                    colorDisabled: string;
-                    colorDisabledChecked: string;
-                    checkMarkColor: string;
-                    checkMarkColorHover: string;
-                    checkMarkColorFocus: string;
-                    checkMarkColorActive: string;
-                    checkMarkColorDisabled: string;
-                    checkMarkColorDisabledChecked: string;
-                    border: string;
-                    borderHover: string;
-                    borderFocus: string;
-                    borderActive: string;
-                    borderChecked: string;
-                    borderHoverChecked: string;
-                    borderFocusChecked: string;
-                    borderActiveChecked: string;
-                    borderDisabled: string;
-                    borderDisabledChecked: string;
-                    boxShadowHover: string;
-                    boxShadowFocus: string;
-                    boxShadowActive: string;
-                    boxShadowHoverChecked: string;
-                    boxShadowFocusChecked: string;
-                    boxShadowActiveChecked: string;
-                    sizeSmall: string;
-                    sizeMedium: string;
-                    sizeLarge: string;
-                    labelPadding: string;
-                }, any>;
-                Input: import("../../_mixins").Theme<"Input", {
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingHuge: string;
-                    clearSize: string;
-                    countTextColorDisabled: string;
-                    countTextColor: string;
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    heightHuge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    lineHeight: string;
-                    lineHeightTextarea: string;
-                    borderRadius: string;
-                    iconSize: string;
-                    groupLabelTextColor: string;
-                    textColor: string;
-                    textColorDisabled: string;
-                    textDecorationColor: string;
-                    caretColor: string;
-                    placeholderColor: string;
-                    placeholderColorDisabled: string;
-                    color: string;
-                    colorDisabled: string;
-                    colorFocus: string;
-                    groupLabelBorder: string;
-                    border: string;
-                    borderHover: string;
-                    borderDisabled: string;
-                    borderFocus: string;
-                    boxShadowFocus: string;
-                    loadingColor: string;
-                    loadingColorSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    colorFocusSuccess: string;
-                    borderFocusSuccess: string;
-                    boxShadowFocusSuccess: string;
-                    caretColorSuccess: string;
-                    loadingColorWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    colorFocusWarning: string;
-                    borderFocusWarning: string;
-                    boxShadowFocusWarning: string;
-                    caretColorWarning: string;
-                    loadingColorError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    colorFocusError: string;
-                    borderFocusError: string;
-                    boxShadowFocusError: string;
-                    caretColorError: string;
-                    clearColor: string;
-                    clearColorHover: string;
-                    clearColorPressed: string;
-                    iconColor: string;
-                    iconColorDisabled: string;
-                    iconColorHover: string;
-                    iconColorPressed: string;
-                    suffixTextColor: string;
-                    selectionColor: string;
-                }, any>;
-            }>;
-        }>;
-        Avatar: import("../../_mixins").Theme<"Avatar", {
-            borderRadius: string;
-            fontSize: string;
-            fontWeight: string;
-            border: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            textColor: string;
-            iconColor: string;
-            color: string;
-            iconSize: string;
-        }, any>;
-        Badge: import("../../_mixins").Theme<"Badge", {
-            color: string;
-            colorPrime: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorError: string;
-            colorWarning: string;
-            fontSize: string;
-            textColor: string;
-            textColorPrime: string;
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorError: string;
-            textColorWarning: string;
-            borderColor: string;
-            dotSize: string;
-        }, any>;
-        Button: import("../../_mixins").Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorOpacitySecondaryFocus: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorSecondaryFocus: string;
-            colorSecondaryDisabled: string;
-            textColorSecondaryDisabled: string;
-            waveColorSecondary: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorTertiaryFocus: string;
-            colorTertiaryDisalbed: string;
-            waveColorTertiary: string;
-            textColorTextTertiary: string;
-            rippleColorTertiary: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            colorQuaternaryFocus: string;
-            rippleColorQuaternary: string;
-            waveColorQuaternary: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textTertiary: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            waveColorPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>;
-        List: import("../../_mixins").Theme<"List", {
-            iconSize: string;
-            iconSpace: string;
-            suffixSpace: string;
-            prefixSpace: string;
-            subtitleColor: string;
-            avatarSpace: string;
-            colorFocus: string;
-            pressedScale: string;
-            textColorDisabled: string;
-            textColor: string;
-            color: string;
-            colorHover: string;
-            colorModal: string;
-            colorHoverModal: string;
-            colorPopover: string;
-            colorHoverPopover: string;
-            borderColor: string;
-            borderColorModal: string;
-            borderColorPopover: string;
-            borderRadiusLarge: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            padding: string;
-            suffixSize: string;
-        }, any>;
-        Typography: import("../../_mixins").Theme<"Typography", {
-            headerFontSize1: string;
-            headerFontSize2: string;
-            headerFontSize3: string;
-            headerFontSize4: string;
-            headerFontSize5: string;
-            headerFontSize6: string;
-            headerMargin1: string;
-            headerMargin2: string;
-            headerMargin3: string;
-            headerMargin4: string;
-            headerMargin5: string;
-            headerMargin6: string;
-            headerPrefixWidth1: string;
-            headerPrefixWidth2: string;
-            headerPrefixWidth3: string;
-            headerPrefixWidth4: string;
-            headerPrefixWidth5: string;
-            headerPrefixWidth6: string;
-            headerBarWidth1: string;
-            headerBarWidth2: string;
-            headerBarWidth3: string;
-            headerBarWidth4: string;
-            headerBarWidth5: string;
-            headerBarWidth6: string;
-            pMargin: string;
-            margin: string;
-            liMargin: string;
-            olPadding: string;
-            ulPadding: string;
-            aTextColor: string;
-            blockquoteTextColor: string;
-            blockquotePrefixColor: string;
-            blockquoteLineHeight: string;
-            blockquoteFontSize: string;
-            codeBorderRadius: string;
-            liTextColor: string;
-            liLineHeight: string;
-            liFontSize: string;
-            hrColor: string;
-            headerFontWeight: string;
-            headerTextColor: string;
-            pTextColor: string;
-            pTextColor1Depth: string;
-            pTextColor2Depth: string;
-            pTextColor3Depth: string;
-            pLineHeight: string;
-            pFontSize: string;
-            fontSize: string;
-            lineHeight: string;
-            headerBarColor: string;
-            headerBarColorPrimary: string;
-            headerBarColorInfo: string;
-            headerBarColorError: string;
-            headerBarColorWarning: string;
-            headerBarColorSuccess: string;
-            textColor: string;
-            textColor1Depth: string;
-            textColor2Depth: string;
-            textColor3Depth: string;
-            textColorPrimary: string;
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorWarning: string;
-            textColorError: string;
-            codeTextColor: string;
-            codeColor: string;
-            codeBorder: string;
-        }, any>;
-        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
-            messageBubbleBackgroundColorOwn: string;
-            messageBubbleBackgroundColorOther: string;
-            messageBubbleTextColorOwn: string;
-            messageBubbleTextColorOther: string;
-            messageTimeColor: string;
-            messageStatusReadColor: string;
-            messageStatusSuccessColor: string;
-            attachmentBackgroundColorOwn: string;
-            attachmentBackgroundColorOther: string;
-            messageErrorColor: string;
-            messageBorderRadius: string;
-            unreadNotificationBackgroundColor: string;
-            unreadNotificationTextColor: string;
-            serviceMessageTextColor: string;
-            serviceMessageBackgroundColor: string;
-            messageTitleColor: string;
-        }, {
-            StatusIcon: import("../../_mixins").Theme<"Icon", {
-                color: string;
-                opacity1Depth: string;
-                opacity2Depth: string;
-                opacity3Depth: string;
-                opacity4Depth: string;
-                opacity5Depth: string;
-            }, any>;
-        }>;
-        StatusIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        FooterAttachIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        FooterSuffixIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        HeaderShareIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        HeaderProfileIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-    }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
-        backgroundColor: string;
-        borderColor: string;
-        sidebarBackgroundColor: string;
-        sidebarBorderColor: string;
-        sidebarItemBackgroundColor: string;
-        sidebarItemBackgroundColorHover: string;
-        sidebarItemBackgroundColorSelected: string;
-        sidebarItemTextColor: string;
-        sidebarItemTextColorSelected: string;
-        sidebarItemSubtitleColor: string;
-        sidebarItemTimeColor: string;
-        mainBackgroundColor: string;
-        headerBackgroundColor: string;
-        headerBorderColor: string;
-        headerTitleColor: string;
-        messageBubbleBackgroundColorOwn: string;
-        messageBubbleBackgroundColorOther: string;
-        messageBubbleTextColorOwn: string;
-        messageBubbleTextColorOther: string;
-        messageTimeColor: string;
-        messageStatusColor: string;
-        attachmentBackgroundColorOwn: string;
-        attachmentBackgroundColorOther: string;
-        footerBackgroundColor: string;
-        footerBorderColor: string;
-        inputBackgroundColor: string;
-        inputBorderColor: string;
-        inputSuffixColor: string;
-        unreadNotificationBackgroundColor: string;
-        unreadNotificationTextColor: string;
-        typingIndicatorColor: string;
-        dateSeparatorColor: string;
-        dateSeparatorBackgroundColor: string;
-        borderRadius: string;
-        errorColor: string;
-    }, {
-        Input: import("../../_mixins").Theme<"Input", {
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingHuge: string;
-            clearSize: string;
-            countTextColorDisabled: string;
-            countTextColor: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            lineHeightTextarea: string;
-            borderRadius: string;
-            iconSize: string;
-            groupLabelTextColor: string;
-            textColor: string;
-            textColorDisabled: string;
-            textDecorationColor: string;
-            caretColor: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            color: string;
-            colorDisabled: string;
-            colorFocus: string;
-            groupLabelBorder: string;
-            border: string;
-            borderHover: string;
-            borderDisabled: string;
-            borderFocus: string;
-            boxShadowFocus: string;
-            loadingColor: string;
-            loadingColorSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            colorFocusSuccess: string;
-            borderFocusSuccess: string;
-            boxShadowFocusSuccess: string;
-            caretColorSuccess: string;
-            loadingColorWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            colorFocusWarning: string;
-            borderFocusWarning: string;
-            boxShadowFocusWarning: string;
-            caretColorWarning: string;
-            loadingColorError: string;
-            borderError: string;
-            borderHoverError: string;
-            colorFocusError: string;
-            borderFocusError: string;
-            boxShadowFocusError: string;
-            caretColorError: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            iconColor: string;
-            iconColorDisabled: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            suffixTextColor: string;
-            selectionColor: string;
-        }, any>;
-        Empty: import("../../_mixins").Theme<"Empty", {
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            iconSizeHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            descriptionFontSizeSmall: string;
-            descriptionFontSizeMedium: string;
-            descriptionFontSizeLarge: string;
-            descriptionFontSizeHuge: string;
-            titleColor: string;
-            descriptionColor: string;
-            iconColor: string;
-            iconBgColor: string;
-            extraTextColor: string;
-        }, any>;
-        Select: import("../../_mixins").Theme<"Select", {
-            menuBoxShadow: string;
-        }, {
-            InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                paddingHuge: string;
-                clearSizeTiny: string;
-                clearSizeSmall: string;
-                clearSizeMedium: string;
-                clearSizeLarge: string;
-                clearSizeHuge: string;
-                arrowSizeTiny: string;
-                arrowSizeSmall: string;
-                arrowSizeMedium: string;
-                arrowSizeLarge: string;
-                arrowSizeHuge: string;
-                fontSizeTiny: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                lineHeightTiny: string;
-                lineHeightSmall: string;
-                lineHeightMedium: string;
-                lineHeightLarge: string;
-                lineHeightHuge: string;
-                heightTiny: string;
-                heightSmall: string;
-                heightMedium: string;
-                heightLarge: string;
-                heightHuge: string;
-                borderRadiusTiny: string;
-                borderRadiusSmall: string;
-                borderRadiusMedium: string;
-                borderRadiusLarge: string;
-                borderRadiusHuge: string;
-                textColor: string;
-                textColorDisabled: string;
-                placeholderColor: string;
-                placeholderColorDisabled: string;
-                color: string;
-                colorFilled: string;
-                colorDisabled: string;
-                colorActive: string;
-                border: string;
-                borderFilled: string;
-                borderHover: string;
-                borderActive: string;
-                borderFocus: string;
-                borderDisabled: string;
-                boxShadowHover: string;
-                boxShadowActive: string;
-                boxShadowFocus: string;
-                caretColor: string;
-                arrowColor: string;
-                arrowColorHover: string;
-                arrowColorDisabled: string;
-                loadingColor: string;
-                borderWarning: string;
-                borderHoverWarning: string;
-                borderActiveWarning: string;
-                borderFocusWarning: string;
-                boxShadowHoverWarning: string;
-                boxShadowActiveWarning: string;
-                boxShadowFocusWarning: string;
-                colorActiveWarning: string;
-                caretColorWarning: string;
-                borderError: string;
-                borderHoverError: string;
-                borderActiveError: string;
-                borderFocusError: string;
-                boxShadowHoverError: string;
-                boxShadowActiveError: string;
-                boxShadowFocusError: string;
-                colorActiveError: string;
-                caretColorError: string;
-                clearColor: string;
-                clearColorHover: string;
-                clearColorPressed: string;
-                caretColorSecondary: string;
-                filterCounterTextColor: string;
-                filterCounterTextColorDisabled: string;
-                arrowColorSecondary: string;
-                clearColorSecondary: string;
-                colorSecondary: string;
-                textColorSecondary: string;
-                borderSecondary: string;
-                arrowColorDisabledSecondary: string;
-                clearColorDisabledSecondary: string;
-                colorDisabledSecondary: string;
-                textColorDisabledSecondary: string;
-                borderDisabledSecondary: string;
-                arrowColorHoverSecondary: string;
-                clearColorHoverSecondary: string;
-                colorHoverSecondary: string;
-                textColorHoverSecondary: string;
-                borderHoverSecondary: string;
-                arrowColorFocusSecondary: string;
-                clearColorFocusSecondary: string;
-                colorFocusSecondary: string;
-                textColorFocusSecondary: string;
-                borderFocusSecondary: string;
-                arrowColorActiveSecondary: string;
-                clearColorActiveSecondary: string;
-                colorActiveSecondary: string;
-                textColorActiveSecondary: string;
-                borderActiveSecondary: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                }, any>;
-            }>;
-            InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
-                height: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                optionPaddingSmall: string;
-                optionPaddingMedium: string;
-                optionPaddingLarge: string;
-                loadingSize: string;
-                optionFontSizeSmall: string;
-                optionFontSizeMedium: string;
-                optionFontSizeLarge: string;
-                optionHeightSmall: string;
-                optionHeightMedium: string;
-                optionHeightLarge: string;
-                optionBorderRadius: string;
-                borderRadius: string;
-                color: string;
-                groupHeaderTextColor: string;
-                actionDividerColor: string;
-                optionTextColor: string;
-                optionTextColorPressed: string;
-                optionTextColorDisabled: string;
-                optionTextColorActive: string;
-                optionOpacityDisabled: string;
-                optionCheckColor: string;
-                optionColorPending: string;
-                optionColorActive: string;
-                optionGroupHeaderBorderColor: string;
-                optionColorActivePending: string;
-                actionTextColor: string;
-                loadingColor: string;
-            }, {
-                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
-                    height: string;
-                    width: string;
-                    borderRadius: string;
-                    color: string;
-                    colorHover: string;
-                    railInsetHorizontalBottom: string;
-                    railInsetHorizontalTop: string;
-                    railInsetVerticalRight: string;
-                    railInsetVerticalLeft: string;
-                    railColor: string;
-                }, any>;
-                Empty: import("../../_mixins").Theme<"Empty", {
-                    iconSizeSmall: string;
-                    iconSizeMedium: string;
-                    iconSizeLarge: string;
-                    iconSizeHuge: string;
-                    titleFontSizeSmall: string;
-                    titleFontSizeMedium: string;
-                    titleFontSizeLarge: string;
-                    titleFontSizeHuge: string;
-                    descriptionFontSizeSmall: string;
-                    descriptionFontSizeMedium: string;
-                    descriptionFontSizeLarge: string;
-                    descriptionFontSizeHuge: string;
-                    titleColor: string;
-                    descriptionColor: string;
-                    iconColor: string;
-                    iconBgColor: string;
-                    extraTextColor: string;
-                }, any>;
-                Checkbox: import("../../_mixins").Theme<"Checkbox", {
-                    fontWeight: string;
-                    textColor: string;
-                    descriptionTextColor: string;
-                    textColorDisabled: string;
-                    descriptionTextColorDisabled: string;
-                    fontSizeLarge: string;
-                    fontSizeMedium: string;
-                    fontSizeSmall: string;
-                    lineHeightLarge: string;
-                    lineHeightMedium: string;
-                    lineHeightSmall: string;
-                    borderRadiusLarge: string;
-                    borderRadiusMedium: string;
-                    borderRadiusSmall: string;
-                    color: string;
-                    colorHover: string;
-                    colorFocus: string;
-                    colorActive: string;
-                    colorChecked: string;
-                    colorHoverChecked: string;
-                    colorFocusChecked: string;
-                    colorActiveChecked: string;
-                    colorDisabled: string;
-                    colorDisabledChecked: string;
-                    checkMarkColor: string;
-                    checkMarkColorHover: string;
-                    checkMarkColorFocus: string;
-                    checkMarkColorActive: string;
-                    checkMarkColorDisabled: string;
-                    checkMarkColorDisabledChecked: string;
-                    border: string;
-                    borderHover: string;
-                    borderFocus: string;
-                    borderActive: string;
-                    borderChecked: string;
-                    borderHoverChecked: string;
-                    borderFocusChecked: string;
-                    borderActiveChecked: string;
-                    borderDisabled: string;
-                    borderDisabledChecked: string;
-                    boxShadowHover: string;
-                    boxShadowFocus: string;
-                    boxShadowActive: string;
-                    boxShadowHoverChecked: string;
-                    boxShadowFocusChecked: string;
-                    boxShadowActiveChecked: string;
-                    sizeSmall: string;
-                    sizeMedium: string;
-                    sizeLarge: string;
-                    labelPadding: string;
-                }, any>;
-                Input: import("../../_mixins").Theme<"Input", {
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    paddingHuge: string;
-                    clearSize: string;
-                    countTextColorDisabled: string;
-                    countTextColor: string;
-                    heightTiny: string;
-                    heightSmall: string;
-                    heightMedium: string;
-                    heightLarge: string;
-                    heightHuge: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    lineHeight: string;
-                    lineHeightTextarea: string;
-                    borderRadius: string;
-                    iconSize: string;
-                    groupLabelTextColor: string;
-                    textColor: string;
-                    textColorDisabled: string;
-                    textDecorationColor: string;
-                    caretColor: string;
-                    placeholderColor: string;
-                    placeholderColorDisabled: string;
-                    color: string;
-                    colorDisabled: string;
-                    colorFocus: string;
-                    groupLabelBorder: string;
-                    border: string;
-                    borderHover: string;
-                    borderDisabled: string;
-                    borderFocus: string;
-                    boxShadowFocus: string;
-                    loadingColor: string;
-                    loadingColorSuccess: string;
-                    borderSuccess: string;
-                    borderHoverSuccess: string;
-                    colorFocusSuccess: string;
-                    borderFocusSuccess: string;
-                    boxShadowFocusSuccess: string;
-                    caretColorSuccess: string;
-                    loadingColorWarning: string;
-                    borderWarning: string;
-                    borderHoverWarning: string;
-                    colorFocusWarning: string;
-                    borderFocusWarning: string;
-                    boxShadowFocusWarning: string;
-                    caretColorWarning: string;
-                    loadingColorError: string;
-                    borderError: string;
-                    borderHoverError: string;
-                    colorFocusError: string;
-                    borderFocusError: string;
-                    boxShadowFocusError: string;
-                    caretColorError: string;
-                    clearColor: string;
-                    clearColorHover: string;
-                    clearColorPressed: string;
-                    iconColor: string;
-                    iconColorDisabled: string;
-                    iconColorHover: string;
-                    iconColorPressed: string;
-                    suffixTextColor: string;
-                    selectionColor: string;
-                }, any>;
-            }>;
-        }>;
-        Avatar: import("../../_mixins").Theme<"Avatar", {
-            borderRadius: string;
-            fontSize: string;
-            fontWeight: string;
-            border: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            textColor: string;
-            iconColor: string;
-            color: string;
-            iconSize: string;
-        }, any>;
-        Badge: import("../../_mixins").Theme<"Badge", {
-            color: string;
-            colorPrime: string;
-            colorInfo: string;
-            colorSuccess: string;
-            colorError: string;
-            colorWarning: string;
-            fontSize: string;
-            textColor: string;
-            textColorPrime: string;
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorError: string;
-            textColorWarning: string;
-            borderColor: string;
-            dotSize: string;
-        }, any>;
-        Button: import("../../_mixins").Theme<"Button", {
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            borderRadiusTiny: string;
-            borderRadiusSmall: string;
-            borderRadiusMedium: string;
-            borderRadiusLarge: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            opacityDisabled: string;
-            colorOpacitySecondary: string;
-            colorOpacitySecondaryHover: string;
-            colorOpacitySecondaryPressed: string;
-            colorOpacitySecondaryFocus: string;
-            colorSecondary: string;
-            colorSecondaryHover: string;
-            colorSecondaryPressed: string;
-            colorSecondaryFocus: string;
-            colorSecondaryDisabled: string;
-            textColorSecondaryDisabled: string;
-            waveColorSecondary: string;
-            colorTertiary: string;
-            colorTertiaryHover: string;
-            colorTertiaryPressed: string;
-            colorTertiaryFocus: string;
-            colorTertiaryDisalbed: string;
-            waveColorTertiary: string;
-            textColorTextTertiary: string;
-            rippleColorTertiary: string;
-            colorQuaternary: string;
-            colorQuaternaryHover: string;
-            colorQuaternaryPressed: string;
-            colorQuaternaryFocus: string;
-            rippleColorQuaternary: string;
-            waveColorQuaternary: string;
-            color: string;
-            colorHover: string;
-            colorPressed: string;
-            colorFocus: string;
-            colorDisabled: string;
-            textColor: string;
-            textTertiary: string;
-            textColorTertiary: string;
-            textColorHover: string;
-            textColorPressed: string;
-            textColorFocus: string;
-            textColorDisabled: string;
-            textColorText: string;
-            textColorTextHover: string;
-            textColorTextPressed: string;
-            textColorTextFocus: string;
-            textColorTextDisabled: string;
-            textColorGhost: string;
-            textColorGhostHover: string;
-            textColorGhostPressed: string;
-            textColorGhostFocus: string;
-            textColorGhostDisabled: string;
-            border: string;
-            borderHover: string;
-            borderPressed: string;
-            borderFocus: string;
-            borderDisabled: string;
-            rippleColor: string;
-            colorPrimary: string;
-            colorHoverPrimary: string;
-            colorPressedPrimary: string;
-            colorFocusPrimary: string;
-            colorDisabledPrimary: string;
-            waveColorPrimary: string;
-            textColorPrimary: string;
-            textColorHoverPrimary: string;
-            textColorPressedPrimary: string;
-            textColorFocusPrimary: string;
-            textColorDisabledPrimary: string;
-            textColorTextPrimary: string;
-            textColorTextHoverPrimary: string;
-            textColorTextPressedPrimary: string;
-            textColorTextFocusPrimary: string;
-            textColorTextDisabledPrimary: string;
-            textColorGhostPrimary: string;
-            textColorGhostHoverPrimary: string;
-            textColorGhostPressedPrimary: string;
-            textColorGhostFocusPrimary: string;
-            textColorGhostDisabledPrimary: string;
-            borderPrimary: string;
-            borderHoverPrimary: string;
-            borderPressedPrimary: string;
-            borderFocusPrimary: string;
-            borderDisabledPrimary: string;
-            rippleColorPrimary: string;
-            colorInfo: string;
-            colorHoverInfo: string;
-            colorPressedInfo: string;
-            colorFocusInfo: string;
-            colorDisabledInfo: string;
-            textColorInfo: string;
-            textColorHoverInfo: string;
-            textColorPressedInfo: string;
-            textColorFocusInfo: string;
-            textColorDisabledInfo: string;
-            textColorTextInfo: string;
-            textColorTextHoverInfo: string;
-            textColorTextPressedInfo: string;
-            textColorTextFocusInfo: string;
-            textColorTextDisabledInfo: string;
-            textColorGhostInfo: string;
-            textColorGhostHoverInfo: string;
-            textColorGhostPressedInfo: string;
-            textColorGhostFocusInfo: string;
-            textColorGhostDisabledInfo: string;
-            borderInfo: string;
-            borderHoverInfo: string;
-            borderPressedInfo: string;
-            borderFocusInfo: string;
-            borderDisabledInfo: string;
-            rippleColorInfo: string;
-            colorSuccess: string;
-            colorHoverSuccess: string;
-            colorPressedSuccess: string;
-            colorFocusSuccess: string;
-            colorDisabledSuccess: string;
-            textColorSuccess: string;
-            textColorHoverSuccess: string;
-            textColorPressedSuccess: string;
-            textColorFocusSuccess: string;
-            textColorDisabledSuccess: string;
-            textColorTextSuccess: string;
-            textColorTextHoverSuccess: string;
-            textColorTextPressedSuccess: string;
-            textColorTextFocusSuccess: string;
-            textColorTextDisabledSuccess: string;
-            textColorGhostSuccess: string;
-            textColorGhostHoverSuccess: string;
-            textColorGhostPressedSuccess: string;
-            textColorGhostFocusSuccess: string;
-            textColorGhostDisabledSuccess: string;
-            borderSuccess: string;
-            borderHoverSuccess: string;
-            borderPressedSuccess: string;
-            borderFocusSuccess: string;
-            borderDisabledSuccess: string;
-            rippleColorSuccess: string;
-            colorWarning: string;
-            colorHoverWarning: string;
-            colorPressedWarning: string;
-            colorFocusWarning: string;
-            colorDisabledWarning: string;
-            textColorWarning: string;
-            textColorHoverWarning: string;
-            textColorPressedWarning: string;
-            textColorFocusWarning: string;
-            textColorDisabledWarning: string;
-            textColorTextWarning: string;
-            textColorTextHoverWarning: string;
-            textColorTextPressedWarning: string;
-            textColorTextFocusWarning: string;
-            textColorTextDisabledWarning: string;
-            textColorGhostWarning: string;
-            textColorGhostHoverWarning: string;
-            textColorGhostPressedWarning: string;
-            textColorGhostFocusWarning: string;
-            textColorGhostDisabledWarning: string;
-            borderWarning: string;
-            borderHoverWarning: string;
-            borderPressedWarning: string;
-            borderFocusWarning: string;
-            borderDisabledWarning: string;
-            rippleColorWarning: string;
-            colorError: string;
-            colorHoverError: string;
-            colorPressedError: string;
-            colorFocusError: string;
-            colorDisabledError: string;
-            textColorError: string;
-            textColorHoverError: string;
-            textColorPressedError: string;
-            textColorFocusError: string;
-            textColorDisabledError: string;
-            textColorTextError: string;
-            textColorTextHoverError: string;
-            textColorTextPressedError: string;
-            textColorTextFocusError: string;
-            textColorTextDisabledError: string;
-            textColorGhostError: string;
-            textColorGhostHoverError: string;
-            textColorGhostPressedError: string;
-            textColorGhostFocusError: string;
-            textColorGhostDisabledError: string;
-            borderError: string;
-            borderHoverError: string;
-            borderPressedError: string;
-            borderFocusError: string;
-            borderDisabledError: string;
-            rippleColorError: string;
-            waveOpacity: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            paddingRoundTiny: string;
-            paddingRoundSmall: string;
-            paddingRoundMedium: string;
-            paddingRoundLarge: string;
-            iconMarginTiny: string;
-            iconMarginSmall: string;
-            iconMarginMedium: string;
-            iconMarginLarge: string;
-            iconSizeTiny: string;
-            iconSizeSmall: string;
-            iconSizeMedium: string;
-            iconSizeLarge: string;
-            rippleDuration: string;
-        }, any>;
-        List: import("../../_mixins").Theme<"List", {
-            iconSize: string;
-            iconSpace: string;
-            suffixSpace: string;
-            prefixSpace: string;
-            subtitleColor: string;
-            avatarSpace: string;
-            colorFocus: string;
-            pressedScale: string;
-            textColorDisabled: string;
-            textColor: string;
-            color: string;
-            colorHover: string;
-            colorModal: string;
-            colorHoverModal: string;
-            colorPopover: string;
-            colorHoverPopover: string;
-            borderColor: string;
-            borderColorModal: string;
-            borderColorPopover: string;
-            borderRadiusLarge: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            padding: string;
-            suffixSize: string;
-        }, any>;
-        Typography: import("../../_mixins").Theme<"Typography", {
-            headerFontSize1: string;
-            headerFontSize2: string;
-            headerFontSize3: string;
-            headerFontSize4: string;
-            headerFontSize5: string;
-            headerFontSize6: string;
-            headerMargin1: string;
-            headerMargin2: string;
-            headerMargin3: string;
-            headerMargin4: string;
-            headerMargin5: string;
-            headerMargin6: string;
-            headerPrefixWidth1: string;
-            headerPrefixWidth2: string;
-            headerPrefixWidth3: string;
-            headerPrefixWidth4: string;
-            headerPrefixWidth5: string;
-            headerPrefixWidth6: string;
-            headerBarWidth1: string;
-            headerBarWidth2: string;
-            headerBarWidth3: string;
-            headerBarWidth4: string;
-            headerBarWidth5: string;
-            headerBarWidth6: string;
-            pMargin: string;
-            margin: string;
-            liMargin: string;
-            olPadding: string;
-            ulPadding: string;
-            aTextColor: string;
-            blockquoteTextColor: string;
-            blockquotePrefixColor: string;
-            blockquoteLineHeight: string;
-            blockquoteFontSize: string;
-            codeBorderRadius: string;
-            liTextColor: string;
-            liLineHeight: string;
-            liFontSize: string;
-            hrColor: string;
-            headerFontWeight: string;
-            headerTextColor: string;
-            pTextColor: string;
-            pTextColor1Depth: string;
-            pTextColor2Depth: string;
-            pTextColor3Depth: string;
-            pLineHeight: string;
-            pFontSize: string;
-            fontSize: string;
-            lineHeight: string;
-            headerBarColor: string;
-            headerBarColorPrimary: string;
-            headerBarColorInfo: string;
-            headerBarColorError: string;
-            headerBarColorWarning: string;
-            headerBarColorSuccess: string;
-            textColor: string;
-            textColor1Depth: string;
-            textColor2Depth: string;
-            textColor3Depth: string;
-            textColorPrimary: string;
-            textColorInfo: string;
-            textColorSuccess: string;
-            textColorWarning: string;
-            textColorError: string;
-            codeTextColor: string;
-            codeColor: string;
-            codeBorder: string;
-        }, any>;
-        MessageBubble: import("../../_mixins").Theme<"MessageBubble", {
-            messageBubbleBackgroundColorOwn: string;
-            messageBubbleBackgroundColorOther: string;
-            messageBubbleTextColorOwn: string;
-            messageBubbleTextColorOther: string;
-            messageTimeColor: string;
-            messageStatusReadColor: string;
-            messageStatusSuccessColor: string;
-            attachmentBackgroundColorOwn: string;
-            attachmentBackgroundColorOther: string;
-            messageErrorColor: string;
-            messageBorderRadius: string;
-            unreadNotificationBackgroundColor: string;
-            unreadNotificationTextColor: string;
-            serviceMessageTextColor: string;
-            serviceMessageBackgroundColor: string;
-            messageTitleColor: string;
-        }, {
-            StatusIcon: import("../../_mixins").Theme<"Icon", {
-                color: string;
-                opacity1Depth: string;
-                opacity2Depth: string;
-                opacity3Depth: string;
-                opacity4Depth: string;
-                opacity5Depth: string;
-            }, any>;
-        }>;
-        StatusIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        FooterAttachIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        FooterSuffixIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        HeaderShareIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-        HeaderProfileIcon: import("../../_mixins").Theme<"Icon", {
-            color: string;
-            opacity1Depth: string;
-            opacity2Depth: string;
-            opacity3Depth: string;
-            opacity4Depth: string;
-            opacity5Depth: string;
-        }, any>;
-    }>>>;
-};
-export type ChatProps = ExtractPublicPropTypes<typeof chatProps>;
+import type { ChatId, ChatListItemData, ChatMessageData } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     chatItems: {
-        type: PropType<ChatPropsType["chatItems"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["chatItems"]>;
         default: () => never[];
     };
     selectedChatId: {
-        type: PropType<ChatPropsType["selectedChatId"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["selectedChatId"]>;
+        default: undefined;
+    };
+    inputValue: {
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["inputValue"]>;
         default: undefined;
     };
     messages: {
-        type: PropType<ChatPropsType["messages"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["messages"]>;
         default: () => never[];
     };
     typingChatIds: {
-        type: PropType<Array<string | number | symbol>>;
+        type: import("vue").PropType<Array<string | number | symbol>>;
         default: () => never[];
     };
     disabled: {
-        type: PropType<ChatPropsType["disabled"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["disabled"]>;
         default: boolean;
     };
     listEmptyProps: {
-        type: PropType<Partial<ChatPropsType["listEmptyProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listEmptyProps"]>>;
         default: undefined;
     };
     listHeaderTitle: {
-        type: PropType<ChatPropsType["listHeaderTitle"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["listHeaderTitle"]>;
         default: string;
     };
     listHeaderActions: {
-        type: PropType<ChatPropsType["listHeaderActions"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["listHeaderActions"]>;
         default: () => never[];
     };
     listHeaderButtonProps: {
-        type: PropType<Partial<ChatPropsType["listHeaderButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listHeaderButtonProps"]>>;
         default: undefined;
     };
     listHeaderIconProps: {
-        type: PropType<Partial<ChatPropsType["listHeaderIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listHeaderIconProps"]>>;
         default: undefined;
     };
     listItemAvatarProps: {
-        type: PropType<Partial<ChatPropsType["listItemAvatarProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listItemAvatarProps"]>>;
         default: undefined;
     };
     listItemBadgeProps: {
-        type: PropType<Partial<ChatPropsType["listItemBadgeProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listItemBadgeProps"]>>;
         default: undefined;
     };
     headerTitle: {
-        type: PropType<ChatPropsType["headerTitle"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["headerTitle"]>;
         default: undefined;
     };
     headerActions: {
-        type: PropType<ChatPropsType["headerActions"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["headerActions"]>;
         default: () => never[];
     };
     headerButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerButtonProps"]>>;
         default: undefined;
     };
     headerIconProps: {
-        type: PropType<Partial<ChatPropsType["headerIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerIconProps"]>>;
         default: undefined;
     };
     headerShareButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerShareButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerShareButtonProps"]>>;
         default: undefined;
     };
     headerProfileButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerProfileButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerProfileButtonProps"]>>;
         default: undefined;
     };
     headerCloseButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerCloseButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerCloseButtonProps"]>>;
         default: undefined;
     };
     headerShareIconProps: {
-        type: PropType<Partial<ChatPropsType["headerShareIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerShareIconProps"]>>;
         default: undefined;
     };
     headerProfileIconProps: {
-        type: PropType<Partial<ChatPropsType["headerProfileIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerProfileIconProps"]>>;
         default: undefined;
     };
     messageSenderAvatarProps: {
-        type: PropType<Partial<ChatPropsType["messageSenderAvatarProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["messageSenderAvatarProps"]>>;
         default: undefined;
     };
     messageUploadProps: {
-        type: PropType<Partial<ChatPropsType["messageUploadProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["messageUploadProps"]>>;
         default: undefined;
     };
     messageButtonProps: {
-        type: PropType<Partial<ChatPropsType["messageButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["messageButtonProps"]>>;
         default: undefined;
     };
     footerInputProps: {
-        type: PropType<Partial<ChatPropsType["footerInputProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerInputProps"]>>;
         default: undefined;
     };
     footerButtonProps: {
-        type: PropType<Partial<ChatPropsType["footerButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerButtonProps"]>>;
         default: undefined;
     };
     footerUploadProps: {
-        type: PropType<Partial<ChatPropsType["footerUploadProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerUploadProps"]>>;
         default: undefined;
     };
     footerUploadTriggerProps: {
-        type: PropType<ChatPropsType["footerUploadTriggerProps"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["footerUploadTriggerProps"]>;
         default: undefined;
     };
     footerIconProps: {
-        type: PropType<Partial<ChatPropsType["footerIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerIconProps"]>>;
         default: undefined;
     };
     footerSuffixIconProps: {
-        type: PropType<Partial<ChatPropsType["footerSuffixIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerSuffixIconProps"]>>;
         default: undefined;
     };
     emptyProps: {
-        type: PropType<Partial<ChatPropsType["emptyProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["emptyProps"]>>;
         default: undefined;
     };
     retryText: {
-        type: PropType<ChatPropsType["retryText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["retryText"]>;
         default: undefined;
     };
     typingText: {
-        type: PropType<ChatPropsType["typingText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["typingText"]>;
         default: undefined;
     };
     closeButtonText: {
-        type: PropType<ChatPropsType["closeButtonText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["closeButtonText"]>;
         default: undefined;
     };
     shareButtonTooltip: {
-        type: PropType<ChatPropsType["shareButtonTooltip"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["shareButtonTooltip"]>;
         default: undefined;
     };
     profileButtonTooltip: {
-        type: PropType<ChatPropsType["profileButtonTooltip"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["profileButtonTooltip"]>;
         default: undefined;
     };
     unreadNotificationText: {
-        type: PropType<ChatPropsType["unreadNotificationText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["unreadNotificationText"]>;
         default: undefined;
     };
     chatItemsLoading: {
-        type: PropType<ChatPropsType["chatItemsLoading"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["chatItemsLoading"]>;
         default: boolean;
     };
     chatItemsLoadingCount: {
-        type: PropType<ChatPropsType["chatItemsLoadingCount"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["chatItemsLoadingCount"]>;
         default: number;
     };
     messagesLoading: {
-        type: PropType<ChatPropsType["messagesLoading"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["messagesLoading"]>;
         default: boolean;
     };
     messagesLoadingCount: {
-        type: PropType<ChatPropsType["messagesLoadingCount"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["messagesLoadingCount"]>;
         default: number;
     };
     height: {
-        type: PropType<string | number>;
+        type: import("vue").PropType<string | number>;
         default: number;
     };
     onChatSelect: {
-        type: PropType<ChatPropsType["onChatSelect"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onChatSelect"]>;
         default: undefined;
     };
     onMessageRetry: {
-        type: PropType<ChatPropsType["onMessageRetry"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onMessageRetry"]>;
         default: undefined;
     };
     bubbleActions: {
-        type: PropType<ChatPropsType["bubbleActions"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["bubbleActions"]>;
         default: undefined;
     };
     onChatClose: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onChatShare: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onUserProfile: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onAttachmentUpload: {
-        type: PropType<ChatPropsType["onAttachmentUpload"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onAttachmentUpload"]>;
         default: undefined;
     };
     onAttachmentDownload: {
-        type: PropType<ChatPropsType["onAttachmentDownload"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onAttachmentDownload"]>;
         default: undefined;
     };
     onFilterChange: {
-        type: PropType<ChatPropsType["onFilterChange"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onFilterChange"]>;
         default: undefined;
     };
     onFooterInputChange: {
-        type: PropType<(value: string, chatId: ChatId) => void>;
+        type: import("vue").PropType<(value: string, chatId: ChatId) => void>;
         default: undefined;
     };
     onNetworkError: {
-        type: PropType<ChatPropsType["onNetworkError"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onNetworkError"]>;
         default: undefined;
     };
     onUploadError: {
-        type: PropType<ChatPropsType["onUploadError"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onUploadError"]>;
         default: undefined;
     };
     onSendError: {
-        type: PropType<ChatPropsType["onSendError"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onSendError"]>;
         default: undefined;
     };
     onChatItemsScrollToTop: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onChatItemsScrollToBottom: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onMessagesScrollToTop: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onMessagesScrollToBottom: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
-    theme: PropType<import("../../_mixins").Theme<"Chat", {
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
         sidebarBackgroundColor: string;
@@ -3898,7 +1095,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             opacity5Depth: string;
         }, any>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
         sidebarBackgroundColor: string;
@@ -4753,7 +1950,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             opacity5Depth: string;
         }, any>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
         sidebarBackgroundColor: string;
@@ -6900,15 +4097,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRender: () => void;
     mainAreaRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly selectedChat: {
-            readonly type: PropType<ChatListItemData>;
+            readonly type: import("vue").PropType<ChatListItemData>;
+            readonly default: undefined;
+        };
+        readonly inputValue: {
+            readonly type: StringConstructor;
             readonly default: undefined;
         };
         readonly messages: {
-            readonly type: PropType<ChatMessageData[]>;
+            readonly type: import("vue").PropType<ChatMessageData[]>;
             readonly default: () => never[];
         };
         readonly typingChatIds: {
-            readonly type: PropType<Array<string | number | symbol>>;
+            readonly type: import("vue").PropType<Array<string | number | symbol>>;
             readonly default: () => never[];
         };
         readonly loading: {
@@ -6920,55 +4121,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: 10;
         };
         readonly headerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerShareButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerProfileButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerCloseButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerShareIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerProfileIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly messageUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerInputProps: {
-            readonly type: PropType<Partial<import("../..").InputProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").InputProps>>;
             readonly default: undefined;
         };
         readonly footerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly footerUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly footerSuffixIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly showAttachButton: {
@@ -7004,50 +4205,54 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: undefined;
         };
         readonly bubbleActions: {
-            readonly type: PropType<import("./interface").ChatBubbleAction[]>;
+            readonly type: import("vue").PropType<import("./interface").ChatBubbleAction[]>;
             readonly default: undefined;
         };
         readonly onMessageSend: {
-            readonly type: PropType<import("./interface").OnMessageSend>;
+            readonly type: import("vue").PropType<import("./interface").OnMessageSend>;
             readonly default: undefined;
         };
         readonly onMessageRetry: {
-            readonly type: PropType<(message: ChatMessageData) => void>;
+            readonly type: import("vue").PropType<(message: ChatMessageData) => void>;
             readonly default: undefined;
         };
         readonly onFooterInputChange: {
-            readonly type: PropType<(value: string, chatId: ChatId) => void>;
+            readonly type: import("vue").PropType<(value: string, chatId: ChatId) => void>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:inputValue': {
+            readonly type: import("vue").PropType<(value: string) => void>;
             readonly default: undefined;
         };
         readonly onChatClose: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onChatShare: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onUserProfile: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onAttachmentUpload: {
-            readonly type: PropType<import("./interface").OnAttachmentUpload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentUpload>;
             readonly default: undefined;
         };
         readonly onAttachmentDownload: {
-            readonly type: PropType<import("./interface").OnAttachmentDownload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentDownload>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToTop: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToBottom: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
-        readonly theme: PropType<import("../../_mixins").Theme<"Chat", {
+        readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -7902,7 +5107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>;
-        readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -8757,7 +5962,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>>;
-        readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -13370,7 +10575,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             $el: HTMLElement;
         } | undefined>;
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        inputValue: import("vue").Ref<string, string>;
+        inputValue: import("vue").WritableComputedRef<string, string>;
         handleSendMessage: () => Promise<void>;
         handleMessagesScroll: (e: Event) => void;
         scrollToBottom: () => void;
@@ -13385,12 +10590,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly profileButtonTooltip: string;
         readonly unreadNotificationText: string;
         readonly onAttachmentDownload: import("./interface").OnAttachmentDownload;
-        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly inputValue: string;
         readonly messages: ChatMessageData[];
-        readonly loadingCount: number;
-        readonly typingChatIds: (string | number | symbol)[];
-        readonly onMessageRetry: (message: ChatMessageData) => void;
-        readonly selectedChat: ChatListItemData;
         readonly headerButtonProps: Partial<import("../..").ButtonProps>;
         readonly headerIconProps: Partial<import("../..").IconProps>;
         readonly headerShareButtonProps: Partial<import("../..").ButtonProps>;
@@ -13404,15 +10605,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly footerUploadProps: Partial<import("../..").UploadProps>;
         readonly footerIconProps: Partial<import("../..").IconProps>;
         readonly footerSuffixIconProps: Partial<import("../..").IconProps>;
-        readonly showAttachButton: boolean;
-        readonly onMessageSend: import("./interface").OnMessageSend;
-        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
+        readonly onMessageRetry: (message: ChatMessageData) => void;
+        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly typingChatIds: (string | number | symbol)[];
         readonly onChatClose: () => void;
         readonly onChatShare: () => void;
         readonly onUserProfile: () => void;
-        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
         readonly onMessagesScrollToTop: () => void;
         readonly onMessagesScrollToBottom: () => void;
+        readonly loadingCount: number;
+        readonly selectedChat: ChatListItemData;
+        readonly showAttachButton: boolean;
+        readonly onMessageSend: import("./interface").OnMessageSend;
+        readonly 'onUpdate:inputValue': (value: string) => void;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -13422,15 +10629,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         readonly selectedChat: {
-            readonly type: PropType<ChatListItemData>;
+            readonly type: import("vue").PropType<ChatListItemData>;
+            readonly default: undefined;
+        };
+        readonly inputValue: {
+            readonly type: StringConstructor;
             readonly default: undefined;
         };
         readonly messages: {
-            readonly type: PropType<ChatMessageData[]>;
+            readonly type: import("vue").PropType<ChatMessageData[]>;
             readonly default: () => never[];
         };
         readonly typingChatIds: {
-            readonly type: PropType<Array<string | number | symbol>>;
+            readonly type: import("vue").PropType<Array<string | number | symbol>>;
             readonly default: () => never[];
         };
         readonly loading: {
@@ -13442,55 +10653,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: 10;
         };
         readonly headerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerShareButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerProfileButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerCloseButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerShareIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerProfileIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly messageUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerInputProps: {
-            readonly type: PropType<Partial<import("../..").InputProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").InputProps>>;
             readonly default: undefined;
         };
         readonly footerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly footerUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly footerSuffixIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly showAttachButton: {
@@ -13526,50 +10737,54 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: undefined;
         };
         readonly bubbleActions: {
-            readonly type: PropType<import("./interface").ChatBubbleAction[]>;
+            readonly type: import("vue").PropType<import("./interface").ChatBubbleAction[]>;
             readonly default: undefined;
         };
         readonly onMessageSend: {
-            readonly type: PropType<import("./interface").OnMessageSend>;
+            readonly type: import("vue").PropType<import("./interface").OnMessageSend>;
             readonly default: undefined;
         };
         readonly onMessageRetry: {
-            readonly type: PropType<(message: ChatMessageData) => void>;
+            readonly type: import("vue").PropType<(message: ChatMessageData) => void>;
             readonly default: undefined;
         };
         readonly onFooterInputChange: {
-            readonly type: PropType<(value: string, chatId: ChatId) => void>;
+            readonly type: import("vue").PropType<(value: string, chatId: ChatId) => void>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:inputValue': {
+            readonly type: import("vue").PropType<(value: string) => void>;
             readonly default: undefined;
         };
         readonly onChatClose: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onChatShare: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onUserProfile: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onAttachmentUpload: {
-            readonly type: PropType<import("./interface").OnAttachmentUpload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentUpload>;
             readonly default: undefined;
         };
         readonly onAttachmentDownload: {
-            readonly type: PropType<import("./interface").OnAttachmentDownload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentDownload>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToTop: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToBottom: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
-        readonly theme: PropType<import("../../_mixins").Theme<"Chat", {
+        readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -14424,7 +11639,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>;
-        readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -15279,7 +12494,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>>;
-        readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -19892,7 +17107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             $el: HTMLElement;
         } | undefined>;
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        inputValue: import("vue").Ref<string, string>;
+        inputValue: import("vue").WritableComputedRef<string, string>;
         handleSendMessage: () => Promise<void>;
         handleMessagesScroll: (e: Event) => void;
         scrollToBottom: () => void;
@@ -19907,12 +17122,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly profileButtonTooltip: string;
         readonly unreadNotificationText: string;
         readonly onAttachmentDownload: import("./interface").OnAttachmentDownload;
-        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly inputValue: string;
         readonly messages: ChatMessageData[];
-        readonly loadingCount: number;
-        readonly typingChatIds: (string | number | symbol)[];
-        readonly onMessageRetry: (message: ChatMessageData) => void;
-        readonly selectedChat: ChatListItemData;
         readonly headerButtonProps: Partial<import("../..").ButtonProps>;
         readonly headerIconProps: Partial<import("../..").IconProps>;
         readonly headerShareButtonProps: Partial<import("../..").ButtonProps>;
@@ -19926,26 +17137,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly footerUploadProps: Partial<import("../..").UploadProps>;
         readonly footerIconProps: Partial<import("../..").IconProps>;
         readonly footerSuffixIconProps: Partial<import("../..").IconProps>;
-        readonly showAttachButton: boolean;
-        readonly onMessageSend: import("./interface").OnMessageSend;
-        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
+        readonly onMessageRetry: (message: ChatMessageData) => void;
+        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly typingChatIds: (string | number | symbol)[];
         readonly onChatClose: () => void;
         readonly onChatShare: () => void;
         readonly onUserProfile: () => void;
-        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
         readonly onMessagesScrollToTop: () => void;
         readonly onMessagesScrollToBottom: () => void;
+        readonly loadingCount: number;
+        readonly selectedChat: ChatListItemData;
+        readonly showAttachButton: boolean;
+        readonly onMessageSend: import("./interface").OnMessageSend;
+        readonly 'onUpdate:inputValue': (value: string) => void;
     }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly selectedChat: {
-            readonly type: PropType<ChatListItemData>;
+            readonly type: import("vue").PropType<ChatListItemData>;
+            readonly default: undefined;
+        };
+        readonly inputValue: {
+            readonly type: StringConstructor;
             readonly default: undefined;
         };
         readonly messages: {
-            readonly type: PropType<ChatMessageData[]>;
+            readonly type: import("vue").PropType<ChatMessageData[]>;
             readonly default: () => never[];
         };
         readonly typingChatIds: {
-            readonly type: PropType<Array<string | number | symbol>>;
+            readonly type: import("vue").PropType<Array<string | number | symbol>>;
             readonly default: () => never[];
         };
         readonly loading: {
@@ -19957,55 +17178,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: 10;
         };
         readonly headerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerShareButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerProfileButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerCloseButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerShareIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerProfileIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly messageUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerInputProps: {
-            readonly type: PropType<Partial<import("../..").InputProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").InputProps>>;
             readonly default: undefined;
         };
         readonly footerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly footerUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly footerSuffixIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly showAttachButton: {
@@ -20041,50 +17262,54 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: undefined;
         };
         readonly bubbleActions: {
-            readonly type: PropType<import("./interface").ChatBubbleAction[]>;
+            readonly type: import("vue").PropType<import("./interface").ChatBubbleAction[]>;
             readonly default: undefined;
         };
         readonly onMessageSend: {
-            readonly type: PropType<import("./interface").OnMessageSend>;
+            readonly type: import("vue").PropType<import("./interface").OnMessageSend>;
             readonly default: undefined;
         };
         readonly onMessageRetry: {
-            readonly type: PropType<(message: ChatMessageData) => void>;
+            readonly type: import("vue").PropType<(message: ChatMessageData) => void>;
             readonly default: undefined;
         };
         readonly onFooterInputChange: {
-            readonly type: PropType<(value: string, chatId: ChatId) => void>;
+            readonly type: import("vue").PropType<(value: string, chatId: ChatId) => void>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:inputValue': {
+            readonly type: import("vue").PropType<(value: string) => void>;
             readonly default: undefined;
         };
         readonly onChatClose: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onChatShare: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onUserProfile: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onAttachmentUpload: {
-            readonly type: PropType<import("./interface").OnAttachmentUpload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentUpload>;
             readonly default: undefined;
         };
         readonly onAttachmentDownload: {
-            readonly type: PropType<import("./interface").OnAttachmentDownload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentDownload>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToTop: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToBottom: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
-        readonly theme: PropType<import("../../_mixins").Theme<"Chat", {
+        readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -20939,7 +18164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>;
-        readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -21794,7 +19019,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>>;
-        readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -26407,7 +23632,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             $el: HTMLElement;
         } | undefined>;
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        inputValue: import("vue").Ref<string, string>;
+        inputValue: import("vue").WritableComputedRef<string, string>;
         handleSendMessage: () => Promise<void>;
         handleMessagesScroll: (e: Event) => void;
         scrollToBottom: () => void;
@@ -26422,12 +23647,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly profileButtonTooltip: string;
         readonly unreadNotificationText: string;
         readonly onAttachmentDownload: import("./interface").OnAttachmentDownload;
-        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly inputValue: string;
         readonly messages: ChatMessageData[];
-        readonly loadingCount: number;
-        readonly typingChatIds: (string | number | symbol)[];
-        readonly onMessageRetry: (message: ChatMessageData) => void;
-        readonly selectedChat: ChatListItemData;
         readonly headerButtonProps: Partial<import("../..").ButtonProps>;
         readonly headerIconProps: Partial<import("../..").IconProps>;
         readonly headerShareButtonProps: Partial<import("../..").ButtonProps>;
@@ -26441,15 +23662,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly footerUploadProps: Partial<import("../..").UploadProps>;
         readonly footerIconProps: Partial<import("../..").IconProps>;
         readonly footerSuffixIconProps: Partial<import("../..").IconProps>;
-        readonly showAttachButton: boolean;
-        readonly onMessageSend: import("./interface").OnMessageSend;
-        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
+        readonly onMessageRetry: (message: ChatMessageData) => void;
+        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly typingChatIds: (string | number | symbol)[];
         readonly onChatClose: () => void;
         readonly onChatShare: () => void;
         readonly onUserProfile: () => void;
-        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
         readonly onMessagesScrollToTop: () => void;
         readonly onMessagesScrollToBottom: () => void;
+        readonly loadingCount: number;
+        readonly selectedChat: ChatListItemData;
+        readonly showAttachButton: boolean;
+        readonly onMessageSend: import("./interface").OnMessageSend;
+        readonly 'onUpdate:inputValue': (value: string) => void;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -26459,15 +23686,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         readonly selectedChat: {
-            readonly type: PropType<ChatListItemData>;
+            readonly type: import("vue").PropType<ChatListItemData>;
+            readonly default: undefined;
+        };
+        readonly inputValue: {
+            readonly type: StringConstructor;
             readonly default: undefined;
         };
         readonly messages: {
-            readonly type: PropType<ChatMessageData[]>;
+            readonly type: import("vue").PropType<ChatMessageData[]>;
             readonly default: () => never[];
         };
         readonly typingChatIds: {
-            readonly type: PropType<Array<string | number | symbol>>;
+            readonly type: import("vue").PropType<Array<string | number | symbol>>;
             readonly default: () => never[];
         };
         readonly loading: {
@@ -26479,55 +23710,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: 10;
         };
         readonly headerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerShareButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerProfileButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerCloseButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly headerShareIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly headerProfileIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly messageUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerInputProps: {
-            readonly type: PropType<Partial<import("../..").InputProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").InputProps>>;
             readonly default: undefined;
         };
         readonly footerButtonProps: {
-            readonly type: PropType<Partial<import("../..").ButtonProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").ButtonProps>>;
             readonly default: undefined;
         };
         readonly footerUploadProps: {
-            readonly type: PropType<Partial<import("../..").UploadProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
             readonly default: undefined;
         };
         readonly footerIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly footerSuffixIconProps: {
-            readonly type: PropType<Partial<import("../..").IconProps>>;
+            readonly type: import("vue").PropType<Partial<import("../..").IconProps>>;
             readonly default: undefined;
         };
         readonly showAttachButton: {
@@ -26563,50 +23794,54 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly default: undefined;
         };
         readonly bubbleActions: {
-            readonly type: PropType<import("./interface").ChatBubbleAction[]>;
+            readonly type: import("vue").PropType<import("./interface").ChatBubbleAction[]>;
             readonly default: undefined;
         };
         readonly onMessageSend: {
-            readonly type: PropType<import("./interface").OnMessageSend>;
+            readonly type: import("vue").PropType<import("./interface").OnMessageSend>;
             readonly default: undefined;
         };
         readonly onMessageRetry: {
-            readonly type: PropType<(message: ChatMessageData) => void>;
+            readonly type: import("vue").PropType<(message: ChatMessageData) => void>;
             readonly default: undefined;
         };
         readonly onFooterInputChange: {
-            readonly type: PropType<(value: string, chatId: ChatId) => void>;
+            readonly type: import("vue").PropType<(value: string, chatId: ChatId) => void>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:inputValue': {
+            readonly type: import("vue").PropType<(value: string) => void>;
             readonly default: undefined;
         };
         readonly onChatClose: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onChatShare: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onUserProfile: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onAttachmentUpload: {
-            readonly type: PropType<import("./interface").OnAttachmentUpload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentUpload>;
             readonly default: undefined;
         };
         readonly onAttachmentDownload: {
-            readonly type: PropType<import("./interface").OnAttachmentDownload>;
+            readonly type: import("vue").PropType<import("./interface").OnAttachmentDownload>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToTop: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
         readonly onMessagesScrollToBottom: {
-            readonly type: PropType<() => void>;
+            readonly type: import("vue").PropType<() => void>;
             readonly default: undefined;
         };
-        readonly theme: PropType<import("../../_mixins").Theme<"Chat", {
+        readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -27461,7 +24696,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>;
-        readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -28316,7 +25551,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 opacity5Depth: string;
             }, any>;
         }>>>;
-        readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+        readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
             backgroundColor: string;
             borderColor: string;
             sidebarBackgroundColor: string;
@@ -32929,7 +30164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             $el: HTMLElement;
         } | undefined>;
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-        inputValue: import("vue").Ref<string, string>;
+        inputValue: import("vue").WritableComputedRef<string, string>;
         handleSendMessage: () => Promise<void>;
         handleMessagesScroll: (e: Event) => void;
         scrollToBottom: () => void;
@@ -32944,12 +30179,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly profileButtonTooltip: string;
         readonly unreadNotificationText: string;
         readonly onAttachmentDownload: import("./interface").OnAttachmentDownload;
-        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly inputValue: string;
         readonly messages: ChatMessageData[];
-        readonly loadingCount: number;
-        readonly typingChatIds: (string | number | symbol)[];
-        readonly onMessageRetry: (message: ChatMessageData) => void;
-        readonly selectedChat: ChatListItemData;
         readonly headerButtonProps: Partial<import("../..").ButtonProps>;
         readonly headerIconProps: Partial<import("../..").IconProps>;
         readonly headerShareButtonProps: Partial<import("../..").ButtonProps>;
@@ -32963,254 +30194,264 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly footerUploadProps: Partial<import("../..").UploadProps>;
         readonly footerIconProps: Partial<import("../..").IconProps>;
         readonly footerSuffixIconProps: Partial<import("../..").IconProps>;
-        readonly showAttachButton: boolean;
-        readonly onMessageSend: import("./interface").OnMessageSend;
-        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
+        readonly onMessageRetry: (message: ChatMessageData) => void;
+        readonly bubbleActions: import("./interface").ChatBubbleAction[];
+        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly typingChatIds: (string | number | symbol)[];
         readonly onChatClose: () => void;
         readonly onChatShare: () => void;
         readonly onUserProfile: () => void;
-        readonly onAttachmentUpload: import("./interface").OnAttachmentUpload;
+        readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
         readonly onMessagesScrollToTop: () => void;
         readonly onMessagesScrollToBottom: () => void;
+        readonly loadingCount: number;
+        readonly selectedChat: ChatListItemData;
+        readonly showAttachButton: boolean;
+        readonly onMessageSend: import("./interface").OnMessageSend;
+        readonly 'onUpdate:inputValue': (value: string) => void;
     }> | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("message-retry" | "update:selectedChatId" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "footer-input-change" | "network-error" | "upload-error" | "send-error" | "chat-items-scroll-to-top" | "chat-items-scroll-to-bottom" | "messages-scroll-to-top" | "messages-scroll-to-bottom")[], "message-retry" | "update:selectedChatId" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "footer-input-change" | "network-error" | "upload-error" | "send-error" | "chat-items-scroll-to-top" | "chat-items-scroll-to-bottom" | "messages-scroll-to-top" | "messages-scroll-to-bottom", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("message-retry" | "update:selectedChatId" | "update:inputValue" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "footer-input-change" | "network-error" | "upload-error" | "send-error" | "chat-items-scroll-to-top" | "chat-items-scroll-to-bottom" | "messages-scroll-to-top" | "messages-scroll-to-bottom")[], "message-retry" | "update:selectedChatId" | "update:inputValue" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "footer-input-change" | "network-error" | "upload-error" | "send-error" | "chat-items-scroll-to-top" | "chat-items-scroll-to-bottom" | "messages-scroll-to-top" | "messages-scroll-to-bottom", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     chatItems: {
-        type: PropType<ChatPropsType["chatItems"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["chatItems"]>;
         default: () => never[];
     };
     selectedChatId: {
-        type: PropType<ChatPropsType["selectedChatId"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["selectedChatId"]>;
+        default: undefined;
+    };
+    inputValue: {
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["inputValue"]>;
         default: undefined;
     };
     messages: {
-        type: PropType<ChatPropsType["messages"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["messages"]>;
         default: () => never[];
     };
     typingChatIds: {
-        type: PropType<Array<string | number | symbol>>;
+        type: import("vue").PropType<Array<string | number | symbol>>;
         default: () => never[];
     };
     disabled: {
-        type: PropType<ChatPropsType["disabled"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["disabled"]>;
         default: boolean;
     };
     listEmptyProps: {
-        type: PropType<Partial<ChatPropsType["listEmptyProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listEmptyProps"]>>;
         default: undefined;
     };
     listHeaderTitle: {
-        type: PropType<ChatPropsType["listHeaderTitle"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["listHeaderTitle"]>;
         default: string;
     };
     listHeaderActions: {
-        type: PropType<ChatPropsType["listHeaderActions"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["listHeaderActions"]>;
         default: () => never[];
     };
     listHeaderButtonProps: {
-        type: PropType<Partial<ChatPropsType["listHeaderButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listHeaderButtonProps"]>>;
         default: undefined;
     };
     listHeaderIconProps: {
-        type: PropType<Partial<ChatPropsType["listHeaderIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listHeaderIconProps"]>>;
         default: undefined;
     };
     listItemAvatarProps: {
-        type: PropType<Partial<ChatPropsType["listItemAvatarProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listItemAvatarProps"]>>;
         default: undefined;
     };
     listItemBadgeProps: {
-        type: PropType<Partial<ChatPropsType["listItemBadgeProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["listItemBadgeProps"]>>;
         default: undefined;
     };
     headerTitle: {
-        type: PropType<ChatPropsType["headerTitle"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["headerTitle"]>;
         default: undefined;
     };
     headerActions: {
-        type: PropType<ChatPropsType["headerActions"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["headerActions"]>;
         default: () => never[];
     };
     headerButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerButtonProps"]>>;
         default: undefined;
     };
     headerIconProps: {
-        type: PropType<Partial<ChatPropsType["headerIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerIconProps"]>>;
         default: undefined;
     };
     headerShareButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerShareButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerShareButtonProps"]>>;
         default: undefined;
     };
     headerProfileButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerProfileButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerProfileButtonProps"]>>;
         default: undefined;
     };
     headerCloseButtonProps: {
-        type: PropType<Partial<ChatPropsType["headerCloseButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerCloseButtonProps"]>>;
         default: undefined;
     };
     headerShareIconProps: {
-        type: PropType<Partial<ChatPropsType["headerShareIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerShareIconProps"]>>;
         default: undefined;
     };
     headerProfileIconProps: {
-        type: PropType<Partial<ChatPropsType["headerProfileIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["headerProfileIconProps"]>>;
         default: undefined;
     };
     messageSenderAvatarProps: {
-        type: PropType<Partial<ChatPropsType["messageSenderAvatarProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["messageSenderAvatarProps"]>>;
         default: undefined;
     };
     messageUploadProps: {
-        type: PropType<Partial<ChatPropsType["messageUploadProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["messageUploadProps"]>>;
         default: undefined;
     };
     messageButtonProps: {
-        type: PropType<Partial<ChatPropsType["messageButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["messageButtonProps"]>>;
         default: undefined;
     };
     footerInputProps: {
-        type: PropType<Partial<ChatPropsType["footerInputProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerInputProps"]>>;
         default: undefined;
     };
     footerButtonProps: {
-        type: PropType<Partial<ChatPropsType["footerButtonProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerButtonProps"]>>;
         default: undefined;
     };
     footerUploadProps: {
-        type: PropType<Partial<ChatPropsType["footerUploadProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerUploadProps"]>>;
         default: undefined;
     };
     footerUploadTriggerProps: {
-        type: PropType<ChatPropsType["footerUploadTriggerProps"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["footerUploadTriggerProps"]>;
         default: undefined;
     };
     footerIconProps: {
-        type: PropType<Partial<ChatPropsType["footerIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerIconProps"]>>;
         default: undefined;
     };
     footerSuffixIconProps: {
-        type: PropType<Partial<ChatPropsType["footerSuffixIconProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["footerSuffixIconProps"]>>;
         default: undefined;
     };
     emptyProps: {
-        type: PropType<Partial<ChatPropsType["emptyProps"]>>;
+        type: import("vue").PropType<Partial<import("./interface").ChatPropsInterface["emptyProps"]>>;
         default: undefined;
     };
     retryText: {
-        type: PropType<ChatPropsType["retryText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["retryText"]>;
         default: undefined;
     };
     typingText: {
-        type: PropType<ChatPropsType["typingText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["typingText"]>;
         default: undefined;
     };
     closeButtonText: {
-        type: PropType<ChatPropsType["closeButtonText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["closeButtonText"]>;
         default: undefined;
     };
     shareButtonTooltip: {
-        type: PropType<ChatPropsType["shareButtonTooltip"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["shareButtonTooltip"]>;
         default: undefined;
     };
     profileButtonTooltip: {
-        type: PropType<ChatPropsType["profileButtonTooltip"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["profileButtonTooltip"]>;
         default: undefined;
     };
     unreadNotificationText: {
-        type: PropType<ChatPropsType["unreadNotificationText"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["unreadNotificationText"]>;
         default: undefined;
     };
     chatItemsLoading: {
-        type: PropType<ChatPropsType["chatItemsLoading"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["chatItemsLoading"]>;
         default: boolean;
     };
     chatItemsLoadingCount: {
-        type: PropType<ChatPropsType["chatItemsLoadingCount"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["chatItemsLoadingCount"]>;
         default: number;
     };
     messagesLoading: {
-        type: PropType<ChatPropsType["messagesLoading"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["messagesLoading"]>;
         default: boolean;
     };
     messagesLoadingCount: {
-        type: PropType<ChatPropsType["messagesLoadingCount"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["messagesLoadingCount"]>;
         default: number;
     };
     height: {
-        type: PropType<string | number>;
+        type: import("vue").PropType<string | number>;
         default: number;
     };
     onChatSelect: {
-        type: PropType<ChatPropsType["onChatSelect"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onChatSelect"]>;
         default: undefined;
     };
     onMessageRetry: {
-        type: PropType<ChatPropsType["onMessageRetry"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onMessageRetry"]>;
         default: undefined;
     };
     bubbleActions: {
-        type: PropType<ChatPropsType["bubbleActions"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["bubbleActions"]>;
         default: undefined;
     };
     onChatClose: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onChatShare: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onUserProfile: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onAttachmentUpload: {
-        type: PropType<ChatPropsType["onAttachmentUpload"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onAttachmentUpload"]>;
         default: undefined;
     };
     onAttachmentDownload: {
-        type: PropType<ChatPropsType["onAttachmentDownload"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onAttachmentDownload"]>;
         default: undefined;
     };
     onFilterChange: {
-        type: PropType<ChatPropsType["onFilterChange"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onFilterChange"]>;
         default: undefined;
     };
     onFooterInputChange: {
-        type: PropType<(value: string, chatId: ChatId) => void>;
+        type: import("vue").PropType<(value: string, chatId: ChatId) => void>;
         default: undefined;
     };
     onNetworkError: {
-        type: PropType<ChatPropsType["onNetworkError"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onNetworkError"]>;
         default: undefined;
     };
     onUploadError: {
-        type: PropType<ChatPropsType["onUploadError"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onUploadError"]>;
         default: undefined;
     };
     onSendError: {
-        type: PropType<ChatPropsType["onSendError"]>;
+        type: import("vue").PropType<import("./interface").ChatPropsInterface["onSendError"]>;
         default: undefined;
     };
     onChatItemsScrollToTop: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onChatItemsScrollToBottom: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onMessagesScrollToTop: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
     onMessagesScrollToBottom: {
-        type: PropType<() => void>;
+        type: import("vue").PropType<() => void>;
         default: undefined;
     };
-    theme: PropType<import("../../_mixins").Theme<"Chat", {
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
         sidebarBackgroundColor: string;
@@ -34065,7 +31306,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             opacity5Depth: string;
         }, any>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
         sidebarBackgroundColor: string;
@@ -34920,7 +32161,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             opacity5Depth: string;
         }, any>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
         sidebarBackgroundColor: string;
@@ -35776,6 +33017,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{
+    "onUpdate:inputValue"?: ((...args: any[]) => any) | undefined;
     "onMessage-retry"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedChatId"?: ((...args: any[]) => any) | undefined;
     "onMessage-send"?: ((...args: any[]) => any) | undefined;
@@ -35801,11 +33043,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean | undefined;
     emptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
     onAttachmentDownload: import("./interface").OnAttachmentDownload | undefined;
-    bubbleActions: import("./interface").ChatBubbleAction[] | undefined;
-    messages: ChatMessageData[] | undefined;
-    typingChatIds: (string | number | symbol)[];
+    chatItems: ChatListItemData[] | undefined;
     selectedChatId: ChatId | undefined;
-    onMessageRetry: ((message: ChatMessageData) => void) | undefined;
+    inputValue: string | undefined;
+    messages: ChatMessageData[] | undefined;
+    listEmptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
+    listHeaderTitle: string | (() => import("vue").VNodeChild) | undefined;
+    listHeaderActions: (() => import("vue").VNodeChild)[] | undefined;
+    listHeaderButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
+    listHeaderIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
+    listItemAvatarProps: Partial<Partial<import("../..").AvatarProps> | undefined>;
+    listItemBadgeProps: Partial<Partial<import("../..").BadgeProps> | undefined>;
+    headerTitle: string | (() => import("vue").VNodeChild) | undefined;
+    headerActions: (() => import("vue").VNodeChild)[] | undefined;
     headerButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
     headerIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
     headerShareButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
@@ -35813,42 +33063,35 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     headerCloseButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
     headerShareIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
     headerProfileIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
+    messageSenderAvatarProps: Partial<Partial<import("../..").AvatarProps> | undefined>;
     messageUploadProps: Partial<Partial<import("../..").UploadProps> | undefined>;
+    messageButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
     footerInputProps: Partial<Partial<import("../..").InputProps> | undefined>;
     footerButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
     footerUploadProps: Partial<Partial<import("../..").UploadProps> | undefined>;
+    footerUploadTriggerProps: any;
     footerIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
     footerSuffixIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
-    onFooterInputChange: (value: string, chatId: ChatId) => void;
-    onChatClose: () => void;
-    onChatShare: () => void;
-    onUserProfile: () => void;
-    onAttachmentUpload: import("./interface").OnAttachmentUpload | undefined;
-    onMessagesScrollToTop: () => void;
-    onMessagesScrollToBottom: () => void;
-    headerActions: (() => import("vue").VNodeChild)[] | undefined;
-    chatItems: ChatListItemData[] | undefined;
-    onChatSelect: import("./interface").OnChatSelect | undefined;
-    onChatItemsScrollToTop: () => void;
-    onChatItemsScrollToBottom: () => void;
-    listEmptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
-    listHeaderTitle: string | (() => import("vue").VNodeChild) | undefined;
-    listHeaderActions: (() => import("vue").VNodeChild)[] | undefined;
-    listHeaderButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
-    listHeaderIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
-    listItemAvatarProps: Partial<Partial<import("../..").AvatarProps> | undefined>;
-    listItemBadgeProps: Partial<Partial<import("../..").BadgeProps> | undefined>;
-    headerTitle: string | (() => import("vue").VNodeChild) | undefined;
-    messageSenderAvatarProps: Partial<Partial<import("../..").AvatarProps> | undefined>;
-    messageButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
-    footerUploadTriggerProps: any;
     chatItemsLoading: boolean | undefined;
     chatItemsLoadingCount: number | undefined;
     messagesLoading: boolean | undefined;
     messagesLoadingCount: number | undefined;
+    onChatSelect: import("./interface").OnChatSelect | undefined;
+    onMessageRetry: ((message: ChatMessageData) => void) | undefined;
+    bubbleActions: import("./interface").ChatBubbleAction[] | undefined;
+    onAttachmentUpload: import("./interface").OnAttachmentUpload | undefined;
     onFilterChange: import("./interface").OnFilterChange | undefined;
     onNetworkError: import("./interface").OnNetworkError | undefined;
     onUploadError: import("./interface").OnUploadError | undefined;
     onSendError: import("./interface").OnSendError | undefined;
+    typingChatIds: (string | number | symbol)[];
+    onChatClose: () => void;
+    onChatShare: () => void;
+    onUserProfile: () => void;
+    onFooterInputChange: (value: string, chatId: ChatId) => void;
+    onChatItemsScrollToTop: () => void;
+    onChatItemsScrollToBottom: () => void;
+    onMessagesScrollToTop: () => void;
+    onMessagesScrollToBottom: () => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;