@mobilon-dev/chotto 0.3.25 → 0.3.27

package/dist/types/components/2_feed_elements/CallMessage/styles/types.d.ts

@@ -34,6 +34,18 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-info-container-column-gap': string;
     /** Отступ снизу у заголовка */
     '--chotto-callmessage-title-margin-bottom': string;
+    /** Цвет участника звонка */
+    '--chotto-callmessage-call-participant-color': string;
+    /** Отображение пропущенного звонка в заголовке */
+    '--chotto-callmessage-title-missed-display': string;
+    /** Колонка грида обёртки заголовка */
+    '--chotto-callmessage-title-wrapper-grid-column': string;
+    /** Отображение обёртки заголовка */
+    '--chotto-callmessage-title-wrapper-display': string;
+    /** Выравнивание элементов обёртки заголовка */
+    '--chotto-callmessage-title-wrapper-align-items': string;
+    /** Промежуток между колонками обёртки заголовка */
+    '--chotto-callmessage-title-wrapper-column-gap': string;
     /** Колонка грида иконки */
     '--chotto-callmessage-icon-grid-column': string;
     /** Ряд грида иконки */
@@ -76,6 +88,20 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-download-button-cursor': string;
     /** Отображение статуса */
     '--chotto-callmessage-status-display': string;
+    /** Колонка грида контейнера заголовка */
+    '--chotto-callmessage-header-container-grid-column': string;
+    /** Отображение контейнера заголовка */
+    '--chotto-callmessage-header-container-display': string;
+    /** Промежуток между рядами контейнера заголовка */
+    '--chotto-callmessage-header-container-row-gap': string;
+    /** Внутренние отступы контейнера заголовка */
+    '--chotto-callmessage-header-container-padding': string;
+    /** Граница контейнера заголовка */
+    '--chotto-callmessage-header-container-border': string;
+    /** Скругление контейнера заголовка */
+    '--chotto-callmessage-header-container-border-radius': string;
+    /** Цвет фона контейнера заголовка */
+    '--chotto-callmessage-header-container-background-color': string;
     /** Выравнивание аватара */
     '--chotto-callmessage-avatar-align-self': string;
     /** Вписывание изображения аватара */
@@ -86,6 +112,126 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-avatar-min-height': string;
     /** Скругление аватара */
     '--chotto-callmessage-avatar-border-radius': string;
+    /** Колонка грида обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-grid-column': string;
+    /** Отображение обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-display': string;
+    /** Шаблон колонок грида обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-grid-template-columns': string;
+    /** Промежуток между колонками обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-column-gap': string;
+    /** Выравнивание элементов обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-align-items': string;
+    /** Внутренний отступ сверху обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-padding-top': string;
+    /** Внутренний отступ снизу обёртки аудио */
+    '--chotto-callmessage-audio-wrapper-padding-bottom': string;
+    /** Граница кнопки аудио */
+    '--chotto-callmessage-audio-button-border': string;
+    /** Курсор кнопки аудио */
+    '--chotto-callmessage-audio-button-cursor': string;
+    /** Ширина кнопки аудио */
+    '--chotto-callmessage-audio-button-width': string;
+    /** Высота кнопки аудио */
+    '--chotto-callmessage-audio-button-height': string;
+    /** Скругление кнопки аудио */
+    '--chotto-callmessage-audio-button-border-radius': string;
+    /** Цвет фона кнопки аудио */
+    '--chotto-callmessage-audio-button-background-color': string;
+    /** Отображение кнопки аудио */
+    '--chotto-callmessage-audio-button-display': string;
+    /** Выравнивание элементов кнопки аудио */
+    '--chotto-callmessage-audio-button-align-items': string;
+    /** Выравнивание содержимого кнопки аудио по главной оси */
+    '--chotto-callmessage-audio-button-justify-content': string;
+    /** Ряд грида кнопки аудио */
+    '--chotto-callmessage-audio-button-grid-row': string;
+    /** Отображение иконки аудио */
+    '--chotto-callmessage-audio-icon-display': string;
+    /** Выравнивание элементов иконки аудио */
+    '--chotto-callmessage-audio-icon-align-items': string;
+    /** Выравнивание содержимого иконки аудио по главной оси */
+    '--chotto-callmessage-audio-icon-justify-content': string;
+    /** Колонка грида прогресса аудио */
+    '--chotto-callmessage-audio-progress-grid-column': string;
+    /** Ряд грида прогресса аудио */
+    '--chotto-callmessage-audio-progress-grid-row': string;
+    /** Отображение прогресса аудио */
+    '--chotto-callmessage-audio-progress-display': string;
+    /** Направление флекс-контейнера прогресса аудио */
+    '--chotto-callmessage-audio-progress-flex-direction': string;
+    /** Промежуток между рядами прогресса аудио */
+    '--chotto-callmessage-audio-progress-row-gap': string;
+    /** Выравнивание прогресса аудио относительно себя */
+    '--chotto-callmessage-audio-progress-align-self': string;
+    /** Выравнивание содержимого прогресса аудио по главной оси */
+    '--chotto-callmessage-audio-progress-justify-content': string;
+    /** Отображение полосы прогресса аудио */
+    '--chotto-callmessage-audio-progress-bar-display': string;
+    /** Выравнивание элементов полосы прогресса аудио */
+    '--chotto-callmessage-audio-progress-bar-align-items': string;
+    /** Промежуток между колонками полосы прогресса аудио */
+    '--chotto-callmessage-audio-progress-bar-column-gap': string;
+    /** Внешний отступ сверху полосы прогресса аудио */
+    '--chotto-callmessage-audio-progress-bar-margin-top': string;
+    /** Трансформация полосы прогресса аудио */
+    '--chotto-callmessage-audio-progress-bar-transform': string;
+    /** Внешний вид слайдера аудио для WebKit */
+    '--chotto-callmessage-audio-slider-webkit-appearance': string;
+    /** Внешний вид слайдера аудио */
+    '--chotto-callmessage-audio-slider-appearance': string;
+    /** Фон слайдера аудио */
+    '--chotto-callmessage-audio-slider-background': string;
+    /** Курсор слайдера аудио */
+    '--chotto-callmessage-audio-slider-cursor': string;
+    /** Высота слайдера аудио */
+    '--chotto-callmessage-audio-slider-height': string;
+    /** Максимальная ширина слайдера аудио */
+    '--chotto-callmessage-audio-slider-max-width': string;
+    /** Скругление слайдера аудио */
+    '--chotto-callmessage-audio-slider-border-radius': string;
+    /** Flex-свойство слайдера аудио */
+    '--chotto-callmessage-audio-slider-flex': string;
+    /** Внешние отступы слайдера аудио */
+    '--chotto-callmessage-audio-slider-margin': string;
+    /** Внешний отступ сверху слайдера аудио */
+    '--chotto-callmessage-audio-slider-margin-top': string;
+    /** Высота дорожки слайдера аудио */
+    '--chotto-callmessage-audio-slider-track-height': string;
+    /** Фон дорожки слайдера аудио */
+    '--chotto-callmessage-audio-slider-track-background': string;
+    /** Ширина ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-width': string;
+    /** Высота ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-height': string;
+    /** Цвет фона ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-background-color': string;
+    /** Внешний отступ сверху ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-margin-top': string;
+    /** Скругление ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-border-radius': string;
+    /** Цвет фона кнопки скорости аудио */
+    '--chotto-callmessage-audio-speed-btn-background-color': string;
+    /** Граница кнопки скорости аудио */
+    '--chotto-callmessage-audio-speed-btn-border': string;
+    /** Размер шрифта кнопки скорости аудио */
+    '--chotto-callmessage-audio-speed-btn-font-size': string;
+    /** Жирность шрифта кнопки скорости аудио */
+    '--chotto-callmessage-audio-speed-btn-font-weight': string;
+    /** Цвет кнопки скорости аудио */
+    '--chotto-callmessage-audio-speed-btn-color': string;
+    /** Курсор кнопки скорости аудио */
+    '--chotto-callmessage-audio-speed-btn-cursor': string;
+    /** Жирность шрифта кнопки скорости аудио при наведении */
+    '--chotto-callmessage-audio-speed-btn-hover-font-weight': string;
+    /** Отображение времени аудио */
+    '--chotto-callmessage-audio-time-display': string;
+    /** Выравнивание содержимого времени аудио по главной оси */
+    '--chotto-callmessage-audio-time-justify-content': string;
+    /** Размер шрифта времени аудио */
+    '--chotto-callmessage-audio-time-font-size': string;
+    /** Цвет времени аудио */
+    '--chotto-callmessage-audio-time-color': string;
     /** Позиционирование кнопки меню */
     '--chotto-callmessage-menu-button-position': string;
     /** Прозрачный фон кнопки меню */
@@ -98,6 +244,8 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-menu-button-cursor': string;
     /** Переход кнопки меню */
     '--chotto-callmessage-menu-button-transition': string;
+    /** Слой кнопки меню */
+    '--chotto-callmessage-menu-button-z-index': string;
     /** Позиционирование контекстного меню */
     '--chotto-callmessage-context-menu-position': string;
     /** Позиционирование текстового диалога */
@@ -154,8 +302,46 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-left-subtext-margin': string;
     /** Колонка грида контента слева */
     '--chotto-callmessage-left-content-grid-column': string;
+    /** Отступ сверху кнопки меню слева */
+    '--chotto-callmessage-left-menu-button-top': string;
+    /** Отступ справа кнопки меню слева */
+    '--chotto-callmessage-left-menu-button-right': string;
+    /** Отступ снизу кнопки меню слева */
+    '--chotto-callmessage-left-menu-button-bottom': string;
+    /** Отступ слева кнопки меню слева */
+    '--chotto-callmessage-left-menu-button-left': string;
+    /** Ширина контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-width': string;
+    /** Высота контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-height': string;
+    /** Отступ сверху контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-top': string;
+    /** Отступ слева контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-left': string;
+    /** Внешний отступ сверху контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-margin-top': string;
+    /** Промежуток между рядами контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-row-gap': string;
+    /** Внутренние отступы контекстного меню слева */
+    '--chotto-callmessage-left-context-menu-padding': string;
+    /** Позиционирование контейнера правой раскладки */
+    '--chotto-callmessage-right-position': string;
     /** Шаблон колонок правой раскладки */
     '--chotto-callmessage-right-grid-template-columns': string;
+    /** Правый внутренний отступ справа */
+    '--chotto-callmessage-right-padding-right': string;
+    /** Контент псевдоэлемента справа */
+    '--chotto-callmessage-right-after-content': string;
+    /** Позиционирование псевдоэлемента справа */
+    '--chotto-callmessage-right-after-position': string;
+    /** Смещение сверху псевдоэлемента справа */
+    '--chotto-callmessage-right-after-top': string;
+    /** Смещение справа псевдоэлемента справа */
+    '--chotto-callmessage-right-after-right': string;
+    /** Смещение снизу псевдоэлемента справа */
+    '--chotto-callmessage-right-after-bottom': string;
+    /** Ширина псевдоэлемента справа */
+    '--chotto-callmessage-right-after-width': string;
     /** Колонка грида аватара справа */
     '--chotto-callmessage-right-avatar-grid-column': string;
     /** Ряд грида аватара справа */
@@ -172,6 +358,30 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-right-content-grid-column': string;
     /** Выравнивание контента справа */
     '--chotto-callmessage-right-content-margin-left': string;
+    /** Отступ сверху кнопки меню справа */
+    '--chotto-callmessage-right-menu-button-top': string;
+    /** Отступ справа кнопки меню справа */
+    '--chotto-callmessage-right-menu-button-right': string;
+    /** Отступ снизу кнопки меню справа */
+    '--chotto-callmessage-right-menu-button-bottom': string;
+    /** Отступ слева кнопки меню справа */
+    '--chotto-callmessage-right-menu-button-left': string;
+    /** Ширина контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-width': string;
+    /** Высота контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-height': string;
+    /** Отступ сверху контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-top': string;
+    /** Отступ справа контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-right': string;
+    /** Отступ слева контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-left': string;
+    /** Внешний отступ сверху контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-margin-top': string;
+    /** Промежуток между рядами контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-row-gap': string;
+    /** Внутренние отступы контекстного меню справа */
+    '--chotto-callmessage-right-context-menu-padding': string;
     /** Позиционирование модального окна */
     '--chotto-callmessage-modal-position': string;
     /** Отступ сверху модального окна */
@@ -244,10 +454,26 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-duration-text-color': string;
     /** Размер шрифта длительности */
     '--chotto-callmessage-duration-font-size': string;
+    /** Колонка грида информации о пропущенном звонке */
+    '--chotto-callmessage-missed-info-grid-column': string;
+    /** Размер шрифта информации о пропущенном звонке */
+    '--chotto-callmessage-missed-info-font-size': string;
+    /** Цвет текста информации о пропущенном звонке */
+    '--chotto-callmessage-missed-info-text-color': string;
+    /** Внешние отступы информации о пропущенном звонке */
+    '--chotto-callmessage-missed-info-margin': string;
     /** Цвет текста времени */
     '--chotto-callmessage-time-text-color': string;
     /** Размер шрифта времени */
     '--chotto-callmessage-time-font-size': string;
+    /** Отступ справа у времени */
+    '--chotto-callmessage-time-margin-right': string;
+    /** Цвет кнопки звонка */
+    '--chotto-callmessage-call-button-color': string;
+    /** Размер шрифта кнопки звонка */
+    '--chotto-callmessage-call-button-font-size': string;
+    /** Внешние отступы кнопки звонка */
+    '--chotto-callmessage-call-button-margin': string;
     /** Цвет иконки кнопки скачивания */
     '--chotto-callmessage-download-button-icon-color': string;
     /** Размер иконки кнопки скачивания */

package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts

@@ -114,16 +114,6 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-preview-image-max-height': string;
     /** Курсор при наведении на превью */
     '--chotto-imagemessage-preview-image-cursor': string;
-    /** Высота изображения в модальном окне */
-    '--chotto-imagemessage-modal-image-height': string;
-    /** Вписывание изображения в модальном окне */
-    '--chotto-imagemessage-modal-image-object-fit': string;
-    /** Скругление изображения в модальном окне */
-    '--chotto-imagemessage-modal-image-border-radius': string;
-    /** Максимальная высота изображения в модальном окне */
-    '--chotto-imagemessage-modal-image-max-height': string;
-    /** Максимальная ширина изображения в модальном окне */
-    '--chotto-imagemessage-modal-image-max-width': string;
     /** Позиционирование кнопки меню сообщения */
     '--chotto-imagemessage-menu-button-position': string;
     /** Прозрачный фон кнопки меню */
@@ -224,6 +214,18 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-right-context-menu-right': string;
     /** Отступ контекстного меню справа сверху */
     '--chotto-imagemessage-right-context-menu-margin-top': string;
+    /** Ширина изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-width': string;
+    /** Высота изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-height': string;
+    /** Вписывание изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-object-fit': string;
+    /** Скругление изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-border-radius': string;
+    /** Максимальная высота изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-max-height': string;
+    /** Максимальная ширина изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-max-width': string;
     /** Переход появления контекстного меню */
     '--chotto-imagemessage-context-menu-enter-active-transition': string;
     /** Переход скрытия контекстного меню */

package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts

@@ -46,8 +46,6 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-right-after-height': string;
     /** Базовая рамка хвостика справа */
     '--chotto-textmessage-right-after-border': string;
-    /** Верхняя часть рамки хвостика справа (цвет пузыря) */
-    '--chotto-textmessage-right-after-border-top': string;
     /** Слой псевдоэлемента справа */
     '--chotto-textmessage-right-after-z-index': string;
     /** Отображение контейнера информации */

package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts

@@ -218,6 +218,8 @@ export interface VideoMessageThemeCSSVariables {
     '--chotto-videomessage-right-context-menu-right': string;
     /** Отступ контекстного меню справа сверху */
     '--chotto-videomessage-right-context-menu-margin-top': string;
+    /** Ширина видео в модальном окне */
+    '--chotto-videomessage-modal-video-width': string;
     /** Высота видео в модальном окне */
     '--chotto-videomessage-modal-video-height': string;
     /** Вписывание видео в модальном окне */

package/dist/types/components/2_feed_elements/types/messages.d.ts

@@ -88,23 +88,32 @@ export interface IAudioMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface ICallMessage {
     messageId: string;
     position: string;
     time: string;
+    status?: string;
+    statusMsg?: string;
     url?: string;
     isMissedCall?: boolean;
     callDuration?: string;
+    callAttemptDuration?: string;
+    callParticipant?: string;
+    direction?: 'incoming' | 'outgoing';
     avatar?: string;
     header?: string;
     subText?: string;
+    text?: string;
     actions?: IAction[];
     views?: number;
     transcript?: {
-        dialog: IDialog[];
+        dialog?: IDialog[];
+        text?: string;
     };
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface IDateMessage {
     messageId?: string;
@@ -129,6 +138,8 @@ export interface IFileMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    direction?: string;
+    backgroundColor?: string;
 }
 export interface IImageMessage {
     messageId: string;
@@ -149,6 +160,7 @@ export interface IImageMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface ISystemMessage {
     messageId: string;
@@ -171,6 +183,7 @@ export interface ITextMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface ITypingMessage {
     avatar?: string;
@@ -195,6 +208,7 @@ export interface IVideoMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }
 export interface IStickerMessage {
     messageId: string;
@@ -216,4 +230,5 @@ export interface IStickerMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
     reactions?: MessageReactions;
+    backgroundColor?: string;
 }

package/dist/types/components/3_compounds/ChatInput/ChatInput.vue.d.ts

@@ -19,6 +19,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: null;
     };
+    selectedChannel: {
+        type: ObjectConstructor;
+        required: false;
+        default: null;
+    };
+    inputButtonColor: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     typing: (...args: any[]) => void;
     send: (...args: any[]) => void;
@@ -37,13 +47,25 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: null;
     };
+    selectedChannel: {
+        type: ObjectConstructor;
+        required: false;
+        default: null;
+    };
+    inputButtonColor: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
 }>> & Readonly<{
     onTyping?: ((...args: any[]) => any) | undefined;
     onSend?: ((...args: any[]) => any) | undefined;
 }>, {
+    selectedChannel: Record<string, any>;
     state: string;
     focusOnInputArea: boolean;
     disabledPlaceholder: string;
+    inputButtonColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/3_compounds/ChatInput/icons/SendIcon.vue.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/3_compounds/ChatInput/icons/index.d.ts

@@ -2,3 +2,4 @@ export { default as WhatsAppSendIcon } from './WhatsAppSendIcon.vue';
 export { default as TelegramSendIcon } from './TelegramSendIcon.vue';
 export { default as MaxSendIcon } from './MaxSendIcon.vue';
 export { default as SMSSendIcon } from './SMSSendIcon.vue';
+export { default as SendIcon } from './SendIcon.vue';

package/dist/types/components/3_compounds/ChatList/styles/types.d.ts

@@ -62,6 +62,8 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-title-column-gap': string;
     /** Отступы контейнера заголовка */
     '--chotto-chatlist-title-container-padding': string;
+    /** Максимальная высота контейнера заголовка */
+    '--chotto-chatlist-title-container-max-height': string;
     /** Семейство шрифта заголовка */
     '--chotto-chatlist-title-font-family': string;
     /** Размер шрифта заголовка */

package/dist/types/functions/getChannelAccentColor.d.ts

@@ -0,0 +1 @@
+export declare function getChannelAccentColor(channelId?: string | null, fallback?: string | null): string | null;

package/dist/types/functions/index.d.ts

@@ -5,3 +5,4 @@ export * from './insertDaySeparators';
 export * from './sortByTimestamp';
 export * from './getMessageClass';
 export * from './createReactionHandlers';
+export * from './getChannelAccentColor';

package/dist/types/hooks/messages/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMessageActions';
 export * from './useMessageLinks';
+export * from './useChannelAccentColor';

package/dist/types/hooks/messages/useChannelAccentColor.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Composable `useChannelAccentColor` возвращает цвет акцента канала для пузыря сообщения.
+ *
+ * Используется внутри компонентов сообщений (TextMessage, ImageMessage и др.), чтобы подкрасить
+ * сообщение в цвет канала, учитывая выбранный чат и позицию сообщения.
+ *
+ * @example
+ * import { useChannelAccentColor } from '@/hooks/messages'
+ *
+ * const { bubbleColor, bubbleStyle } = useChannelAccentColor(props.message, {
+ *   cssVariable: '--bubble-color',
+ *   position: 'right',
+ * })
+ *
+ * <div class="bubble" :style="bubbleStyle" />
+ */
+import { type Ref } from 'vue';
+type MessageWithChannelMeta = {
+    dialogId?: string;
+    position?: string;
+    backgroundColor?: string | null;
+};
+type MessageSource<T extends MessageWithChannelMeta> = Ref<T | undefined> | T | undefined;
+interface ChannelAccentOptions {
+    cssVariable?: string;
+    position?: 'left' | 'right' | 'both';
+}
+export declare function useChannelAccentColor<T extends MessageWithChannelMeta>(messageSource: MessageSource<T>, options?: ChannelAccentOptions): {
+    bubbleColor: import("vue").ComputedRef<string | null>;
+    bubbleStyle: import("vue").ComputedRef<{
+        [x: string]: string;
+    } | null>;
+    messageChannelId: import("vue").ComputedRef<string | undefined>;
+};
+export {};