@uzum-tech/ui 2.3.3 → 2.3.5

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

@@ -1,4 +1,4 @@
-import type { InjectionKey, Ref, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { AvatarProps } from '../../avatar';
 import type { BadgeProps } from '../../badge';
@@ -134,9 +134,10 @@ export interface ChatAttachment {
     percentage?: number;
     uploadProps?: Partial<UploadProps>;
 }
-export interface ChatProps {
+export interface ChatPropsInterface {
     chatItems?: ChatListItemData[];
     selectedChatId?: ChatId;
+    inputValue?: string;
     messages?: ChatMessageData[];
     disabled?: boolean;
     listEmptyProps?: Partial<EmptyProps>;
@@ -192,6 +193,7 @@ export interface ChatProps {
     onChatItemsScrollToBottom?: () => void;
     onMessagesScrollToTop?: () => void;
     onMessagesScrollToBottom?: () => void;
+    'onUpdate:inputValue'?: (value: string) => void;
 }
 export interface ChatSlots {
     header?: () => VNodeChild;
@@ -287,6 +289,8 @@ export declare const chatInjectionKey: InjectionKey<{
     chatItemsRef: Ref<ChatListItemData[] | undefined>;
     selectedChatIdRef: Ref<ChatId | undefined>;
     selectedChatRef: Ref<ChatListItemData | undefined>;
+    inputValueRef: Ref<string | undefined>;
+    handleInputValueChange: (value: string) => void;
     messagesRef: Ref<ChatMessageData[]>;
     typingChatIdsRef: Ref<Array<string | number | symbol> | undefined>;
     chatItemsLoadingRef: Ref<boolean | undefined>;
@@ -360,3 +364,2811 @@ export declare const chatInjectionKey: InjectionKey<{
     headerProfileIconPropsRef: Ref<Partial<IconProps> | undefined>;
 }>;
 export declare const markTypeToServiceVariantMap: Record<ChatMarkType, MessageBubbleServiceVariant>;
+export declare const chatProps: {
+    chatItems: {
+        type: PropType<ChatPropsInterface["chatItems"]>;
+        default: () => never[];
+    };
+    selectedChatId: {
+        type: PropType<ChatPropsInterface["selectedChatId"]>;
+        default: undefined;
+    };
+    inputValue: {
+        type: PropType<ChatPropsInterface["inputValue"]>;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<ChatPropsInterface["messages"]>;
+        default: () => never[];
+    };
+    typingChatIds: {
+        type: PropType<Array<string | number | symbol>>;
+        default: () => never[];
+    };
+    disabled: {
+        type: PropType<ChatPropsInterface["disabled"]>;
+        default: boolean;
+    };
+    listEmptyProps: {
+        type: PropType<Partial<ChatPropsInterface["listEmptyProps"]>>;
+        default: undefined;
+    };
+    listHeaderTitle: {
+        type: PropType<ChatPropsInterface["listHeaderTitle"]>;
+        default: string;
+    };
+    listHeaderActions: {
+        type: PropType<ChatPropsInterface["listHeaderActions"]>;
+        default: () => never[];
+    };
+    listHeaderButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["listHeaderButtonProps"]>>;
+        default: undefined;
+    };
+    listHeaderIconProps: {
+        type: PropType<Partial<ChatPropsInterface["listHeaderIconProps"]>>;
+        default: undefined;
+    };
+    listItemAvatarProps: {
+        type: PropType<Partial<ChatPropsInterface["listItemAvatarProps"]>>;
+        default: undefined;
+    };
+    listItemBadgeProps: {
+        type: PropType<Partial<ChatPropsInterface["listItemBadgeProps"]>>;
+        default: undefined;
+    };
+    headerTitle: {
+        type: PropType<ChatPropsInterface["headerTitle"]>;
+        default: undefined;
+    };
+    headerActions: {
+        type: PropType<ChatPropsInterface["headerActions"]>;
+        default: () => never[];
+    };
+    headerButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["headerButtonProps"]>>;
+        default: undefined;
+    };
+    headerIconProps: {
+        type: PropType<Partial<ChatPropsInterface["headerIconProps"]>>;
+        default: undefined;
+    };
+    headerShareButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["headerShareButtonProps"]>>;
+        default: undefined;
+    };
+    headerProfileButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["headerProfileButtonProps"]>>;
+        default: undefined;
+    };
+    headerCloseButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["headerCloseButtonProps"]>>;
+        default: undefined;
+    };
+    headerShareIconProps: {
+        type: PropType<Partial<ChatPropsInterface["headerShareIconProps"]>>;
+        default: undefined;
+    };
+    headerProfileIconProps: {
+        type: PropType<Partial<ChatPropsInterface["headerProfileIconProps"]>>;
+        default: undefined;
+    };
+    messageSenderAvatarProps: {
+        type: PropType<Partial<ChatPropsInterface["messageSenderAvatarProps"]>>;
+        default: undefined;
+    };
+    messageUploadProps: {
+        type: PropType<Partial<ChatPropsInterface["messageUploadProps"]>>;
+        default: undefined;
+    };
+    messageButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["messageButtonProps"]>>;
+        default: undefined;
+    };
+    footerInputProps: {
+        type: PropType<Partial<ChatPropsInterface["footerInputProps"]>>;
+        default: undefined;
+    };
+    footerButtonProps: {
+        type: PropType<Partial<ChatPropsInterface["footerButtonProps"]>>;
+        default: undefined;
+    };
+    footerUploadProps: {
+        type: PropType<Partial<ChatPropsInterface["footerUploadProps"]>>;
+        default: undefined;
+    };
+    footerUploadTriggerProps: {
+        type: PropType<ChatPropsInterface["footerUploadTriggerProps"]>;
+        default: undefined;
+    };
+    footerIconProps: {
+        type: PropType<Partial<ChatPropsInterface["footerIconProps"]>>;
+        default: undefined;
+    };
+    footerSuffixIconProps: {
+        type: PropType<Partial<ChatPropsInterface["footerSuffixIconProps"]>>;
+        default: undefined;
+    };
+    emptyProps: {
+        type: PropType<Partial<ChatPropsInterface["emptyProps"]>>;
+        default: undefined;
+    };
+    retryText: {
+        type: PropType<ChatPropsInterface["retryText"]>;
+        default: undefined;
+    };
+    typingText: {
+        type: PropType<ChatPropsInterface["typingText"]>;
+        default: undefined;
+    };
+    closeButtonText: {
+        type: PropType<ChatPropsInterface["closeButtonText"]>;
+        default: undefined;
+    };
+    shareButtonTooltip: {
+        type: PropType<ChatPropsInterface["shareButtonTooltip"]>;
+        default: undefined;
+    };
+    profileButtonTooltip: {
+        type: PropType<ChatPropsInterface["profileButtonTooltip"]>;
+        default: undefined;
+    };
+    unreadNotificationText: {
+        type: PropType<ChatPropsInterface["unreadNotificationText"]>;
+        default: undefined;
+    };
+    chatItemsLoading: {
+        type: PropType<ChatPropsInterface["chatItemsLoading"]>;
+        default: boolean;
+    };
+    chatItemsLoadingCount: {
+        type: PropType<ChatPropsInterface["chatItemsLoadingCount"]>;
+        default: number;
+    };
+    messagesLoading: {
+        type: PropType<ChatPropsInterface["messagesLoading"]>;
+        default: boolean;
+    };
+    messagesLoadingCount: {
+        type: PropType<ChatPropsInterface["messagesLoadingCount"]>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    onChatSelect: {
+        type: PropType<ChatPropsInterface["onChatSelect"]>;
+        default: undefined;
+    };
+    onMessageRetry: {
+        type: PropType<ChatPropsInterface["onMessageRetry"]>;
+        default: undefined;
+    };
+    bubbleActions: {
+        type: PropType<ChatPropsInterface["bubbleActions"]>;
+        default: undefined;
+    };
+    onChatClose: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onChatShare: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onUserProfile: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onAttachmentUpload: {
+        type: PropType<ChatPropsInterface["onAttachmentUpload"]>;
+        default: undefined;
+    };
+    onAttachmentDownload: {
+        type: PropType<ChatPropsInterface["onAttachmentDownload"]>;
+        default: undefined;
+    };
+    onFilterChange: {
+        type: PropType<ChatPropsInterface["onFilterChange"]>;
+        default: undefined;
+    };
+    onFooterInputChange: {
+        type: PropType<(value: string, chatId: ChatId) => void>;
+        default: undefined;
+    };
+    onNetworkError: {
+        type: PropType<ChatPropsInterface["onNetworkError"]>;
+        default: undefined;
+    };
+    onUploadError: {
+        type: PropType<ChatPropsInterface["onUploadError"]>;
+        default: undefined;
+    };
+    onSendError: {
+        type: PropType<ChatPropsInterface["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>;