@mobilon-dev/chotto 0.3.28 → 0.3.30

package/dist/types/apps/data/messages.d.ts

@@ -1903,6 +1903,37 @@ export declare const messages: ({
     statusMsg?: undefined;
     callAttemptDuration?: undefined;
     backgroundColor?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    type: string;
+    url: string;
+    alt: string;
+    direction: string;
+    status: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    messageId: string;
+    text: string;
+    position?: undefined;
+    time?: undefined;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    callParticipant?: undefined;
+    avatar?: undefined;
+    actions?: undefined;
+    embed?: undefined;
+    views?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    transcript?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    reactions?: undefined;
+    statusMsg?: undefined;
+    callAttemptDuration?: undefined;
+    backgroundColor?: undefined;
 } | {
     chatId: number;
     dialogId: string;

package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts

@@ -1,9 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
     mode: string;
     state: string;
+    native: boolean;
     $props: {
         readonly mode?: string | undefined;
         readonly state?: string | undefined;
+        readonly native?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    textarea: {
+        type: () => HTMLTextAreaElement | null;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "format-applied": (data: {
+        format: string;
+        selectedText: string;
+        start: number;
+        end: number;
+        newText: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    textarea: {
+        type: () => HTMLTextAreaElement | null;
+        default: null;
+    };
+}>> & Readonly<{
+    "onFormat-applied"?: ((data: {
+        format: string;
+        selectedText: string;
+        start: number;
+        end: number;
+        newText: string;
+    }) => any) | undefined;
+}>, {
+    textarea: HTMLTextAreaElement | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_chatinput_elements/TextFormatToolbar/stories/TextFormatToolbar.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import TextFormatToolbar from '../TextFormatToolbar.vue';
+declare const meta: Meta<typeof TextFormatToolbar>;
+export default meta;
+type Story = StoryObj<typeof TextFormatToolbar>;
+export declare const Default: Story;
+export declare const WithSampleText: Story;
+export declare const MultilineText: Story;

package/dist/types/components/2_chatinput_elements/TextFormatToolbar/styles/types.d.ts

@@ -0,0 +1,23 @@
+export interface TextFormatToolbarThemeCSSVariables {
+    '--chotto-textformattoolbar-z-index'?: string;
+    '--chotto-textformattoolbar-gap'?: string;
+    '--chotto-textformattoolbar-padding'?: string;
+    '--chotto-textformattoolbar-background-color'?: string;
+    '--chotto-textformattoolbar-border'?: string;
+    '--chotto-textformattoolbar-border-radius'?: string;
+    '--chotto-textformattoolbar-box-shadow'?: string;
+    '--chotto-textformattoolbar-font-family'?: string;
+    '--chotto-textformattoolbar-button-width'?: string;
+    '--chotto-textformattoolbar-button-height'?: string;
+    '--chotto-textformattoolbar-button-padding'?: string;
+    '--chotto-textformattoolbar-button-background-color'?: string;
+    '--chotto-textformattoolbar-button-border'?: string;
+    '--chotto-textformattoolbar-button-border-radius'?: string;
+    '--chotto-textformattoolbar-button-cursor'?: string;
+    '--chotto-textformattoolbar-button-color'?: string;
+    '--chotto-textformattoolbar-button-font-size'?: string;
+    '--chotto-textformattoolbar-button-transition'?: string;
+    '--chotto-textformattoolbar-button-hover-background-color'?: string;
+    '--chotto-textformattoolbar-button-hover-color'?: string;
+    '--chotto-textformattoolbar-button-active-background-color'?: string;
+}

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

@@ -542,4 +542,34 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-modal-close-button-icon-color': string;
     /** Размер иконки кнопки закрытия */
     '--chotto-audiomessage-modal-close-button-icon-size': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-audiomessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-audiomessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-audiomessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-audiomessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-audiomessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-audiomessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-audiomessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-audiomessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-audiomessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-audiomessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-audiomessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-audiomessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-audiomessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-audiomessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-audiomessage-markdown-p-margin-bottom': string;
 }

package/dist/types/components/2_feed_elements/FileMessage/stories/FileMessage.stories.d.ts

@@ -23,6 +23,8 @@ export declare const RightFileMessageWithActionsAndText: Story;
 export declare const LeftFileMessageWithActionsAndText: Story;
 export declare const RightFileMessageWithActionsAndTextWithLink: Story;
 export declare const LeftFileMessageWithActionsAndTextWithLink: Story;
+export declare const LeftFileMessageWithMarkdown: Story;
+export declare const RightFileMessageWithMarkdown: Story;
 export declare const LeftMessageWithReplyText: Story;
 export declare const RightMessageWithReplyText: Story;
 export declare const LeftMessageWithReplyImage: Story;

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

@@ -254,4 +254,34 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-v-enter-from-transform': string;
     /** Стартовая прозрачность при появлении */
     '--chotto-filemessage-v-enter-from-opacity': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-filemessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-filemessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-filemessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-filemessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-filemessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-filemessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-filemessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-filemessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-filemessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-filemessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-filemessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-filemessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-filemessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-filemessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-filemessage-markdown-p-margin-bottom': string;
 }

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

@@ -4,27 +4,8 @@ declare const meta: Meta<typeof ImageMessage>;
 export default meta;
 type Story = StoryObj<typeof ImageMessage>;
 export declare const Default: Story;
-export declare const LeftImageMessage: Story;
-export declare const LeftImageMessageWithText: Story;
-export declare const LeftImageMessageWithTextAndLink: Story;
-export declare const LeftImageMessageWithViews: Story;
-export declare const LeftImageMessageWithAvatar: Story;
-export declare const RightImageMessageWithAvatar: Story;
-export declare const LeftImageMessageWithAvatarAndSubtext: Story;
-export declare const RightImageMessageWithAvatarAndSubtext: Story;
-export declare const LeftImageMessageWithSubtext: Story;
-export declare const LeftImageMessageWithActions: Story;
-export declare const RightImageMessage: Story;
-export declare const RightImageMessageWithText: Story;
-export declare const RightImageMessageWithTextAndLink: Story;
-export declare const RightImageMessageWithViews: Story;
-export declare const RightImageMessageWithSubtext: Story;
-export declare const RightImageMessageStatusSent: Story;
-export declare const RightImageMessageStatusReceived: Story;
-export declare const RightImageMessageStatusRead: Story;
-export declare const RightImageMessageStatusPending: Story;
-export declare const RightImageMessageStatusError: Story;
-export declare const RightImageMessageWithActions: Story;
+export declare const LeftImageMessages: Story;
+export declare const RightImageMessages: Story;
 export declare const LeftMessageWithReplyText: Story;
 export declare const RightMessageWithReplyText: Story;
 export declare const LeftMessageWithReplyImage: Story;

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

@@ -146,6 +146,38 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-text-container-p-font-size': string;
     /** Перенос слов в абзаце текста */
     '--chotto-imagemessage-text-container-p-word-break': string;
+    /** Правила перевода строк текста */
+    '--chotto-imagemessage-text-container-p-white-space': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-imagemessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-imagemessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-imagemessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-imagemessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-imagemessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-imagemessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-imagemessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-imagemessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-imagemessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-imagemessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-imagemessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-imagemessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-imagemessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-imagemessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-imagemessage-markdown-p-margin-bottom': string;
     /** Внешние отступы блока превью ссылки */
     '--chotto-imagemessage-link-preview-margin': string;
     /** Отображение общего контейнера лево/право */

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

@@ -68,4 +68,34 @@ export interface ReplyAudioMessageThemeCSSVariables {
     '--chotto-replyaudiomessage-reply-description-margin-bottom': string;
     /** Цвет спана в описании ответа */
     '--chotto-replyaudiomessage-reply-description-span-color': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-replyaudiomessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-replyaudiomessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-replyaudiomessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-replyaudiomessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-replyaudiomessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-replyaudiomessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-replyaudiomessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-replyaudiomessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-replyaudiomessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-replyaudiomessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-replyaudiomessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-replyaudiomessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-replyaudiomessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-replyaudiomessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-replyaudiomessage-markdown-p-margin-bottom': string;
 }

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

@@ -64,4 +64,34 @@ export interface ReplyFileMessageThemeCSSVariables {
     '--chotto-replyfilemessage-filename-text-color': string;
     /** Подчёркивание имени файла */
     '--chotto-replyfilemessage-filename-text-text-decoration': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-replyfilemessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-replyfilemessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-replyfilemessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-replyfilemessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-replyfilemessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-replyfilemessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-replyfilemessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-replyfilemessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-replyfilemessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-replyfilemessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-replyfilemessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-replyfilemessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-replyfilemessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-replyfilemessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-replyfilemessage-markdown-p-margin-bottom': string;
 }

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

@@ -82,4 +82,34 @@ export interface ReplyImageMessageThemeCSSVariables {
     '--chotto-replyimagemessage-modal-fade-enter-from-opacity': string;
     /** Прозрачность модального окна в конце */
     '--chotto-replyimagemessage-modal-fade-enter-to-opacity': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-replyimagemessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-replyimagemessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-replyimagemessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-replyimagemessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-replyimagemessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-replyimagemessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-replyimagemessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-replyimagemessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-replyimagemessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-replyimagemessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-replyimagemessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-replyimagemessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-replyimagemessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-replyimagemessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-replyimagemessage-markdown-p-margin-bottom': string;
 }

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

@@ -32,4 +32,34 @@ export interface ReplyTextMessageThemeCSSVariables {
     '--chotto-replytextmessage-p-line-clamp': string;
     /** Ориентация контейнера строк (webkit) */
     '--chotto-replytextmessage-p-webkit-box-orient': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-replytextmessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-replytextmessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-replytextmessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-replytextmessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-replytextmessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-replytextmessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-replytextmessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-replytextmessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-replytextmessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-replytextmessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-replytextmessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-replytextmessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-replytextmessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-replytextmessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-replytextmessage-markdown-p-margin-bottom': string;
 }

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

@@ -78,4 +78,34 @@ export interface ReplyVideoMessageThemeCSSVariables {
     '--chotto-replyvideomessage-modal-fade-opacity-hidden': string;
     /** Прозрачность модального окна в видимом состоянии */
     '--chotto-replyvideomessage-modal-fade-opacity-visible': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-replyvideomessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-replyvideomessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-replyvideomessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-replyvideomessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-replyvideomessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-replyvideomessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-replyvideomessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-replyvideomessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-replyvideomessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-replyvideomessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-replyvideomessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-replyvideomessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-replyvideomessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-replyvideomessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-replyvideomessage-markdown-p-margin-bottom': string;
 }

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

@@ -96,6 +96,36 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-text-font-size': string;
     /** Правила перевода строк текста */
     '--chotto-textmessage-text-white-space': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-textmessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-textmessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-textmessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-textmessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-textmessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-textmessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-textmessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-textmessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-textmessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-textmessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-textmessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-textmessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-textmessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-textmessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-textmessage-markdown-p-margin-bottom': string;
     /** Размер шрифта подписи */
     '--chotto-textmessage-subtext-font-size': string;
     /** Цвет подписи */

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

@@ -10,8 +10,8 @@ export declare const LeftMessageWithAvatar: Story;
 export declare const RightMessageWithAvatar: Story;
 export declare const LeftMessageWithAvatarAndSubtext: Story;
 export declare const RightMessageWithAvatarAndSubtext: Story;
-export declare const LeftMessageWithText: Story;
-export declare const RightMessageWithText: Story;
+export declare const LeftMessageWithMarkdownText: Story;
+export declare const RightMessageWithMarkdownText: Story;
 export declare const LeftMessageWithTextAndActions: Story;
 export declare const RightMessageWithTextAndActions: Story;
 export declare const RightMessageWithStatusSent: Story;

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

@@ -244,4 +244,34 @@ export interface VideoMessageThemeCSSVariables {
     '--chotto-videomessage-modal-fade-enter-from-opacity': string;
     /** Прозрачность модального окна в конце */
     '--chotto-videomessage-modal-fade-enter-to-opacity': string;
+    /** Жирность жирного текста (markdown **текст**) */
+    '--chotto-videomessage-markdown-strong-font-weight': string;
+    /** Стиль курсива (markdown *текст*) */
+    '--chotto-videomessage-markdown-em-font-style': string;
+    /** Подчёркивание (markdown <u>текст</u>) */
+    '--chotto-videomessage-markdown-u-text-decoration': string;
+    /** Зачёркивание (markdown ~~текст~~) */
+    '--chotto-videomessage-markdown-del-text-decoration': string;
+    /** Фон встроенного кода (markdown `код`) */
+    '--chotto-videomessage-markdown-code-bg': string;
+    /** Внутренние отступы встроенного кода */
+    '--chotto-videomessage-markdown-code-padding': string;
+    /** Скругление встроенного кода */
+    '--chotto-videomessage-markdown-code-border-radius': string;
+    /** Шрифт встроенного кода */
+    '--chotto-videomessage-markdown-code-font-family': string;
+    /** Размер шрифта встроенного кода */
+    '--chotto-videomessage-markdown-code-font-size': string;
+    /** Левая граница цитаты (markdown > текст) */
+    '--chotto-videomessage-markdown-blockquote-border-left': string;
+    /** Левый отступ цитаты */
+    '--chotto-videomessage-markdown-blockquote-padding-left': string;
+    /** Внешние отступы цитаты */
+    '--chotto-videomessage-markdown-blockquote-margin': string;
+    /** Стиль шрифта цитаты */
+    '--chotto-videomessage-markdown-blockquote-font-style': string;
+    /** Цвет текста цитаты */
+    '--chotto-videomessage-markdown-blockquote-color': string;
+    /** Нижний отступ параграфов markdown */
+    '--chotto-videomessage-markdown-p-margin-bottom': string;
 }

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

@@ -1,8 +1,8 @@
-declare var __VLS_1: {}, __VLS_7: {};
+declare var __VLS_1: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
     'inline-buttons'?: (props: typeof __VLS_1) => any;
 } & {
-    buttons?: (props: typeof __VLS_7) => any;
+    buttons?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     state: {

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

@@ -152,6 +152,12 @@ export interface SideBarThemeCSSVariables {
     '--chotto-sidebar-item-span-line-height': string;
     /** Z-index span элемента */
     '--chotto-sidebar-item-span-z-index': string;
+    /** Позиция span закрепленного элемента слева */
+    '--chotto-sidebar-item-fixed-span-left': string;
+    /** Позиция span закрепленного элемента справа */
+    '--chotto-sidebar-item-fixed-span-right': string;
+    /** Трансформация span закрепленного элемента */
+    '--chotto-sidebar-item-fixed-span-transform': string;
     /** Размер шрифта маленького текста */
     '--chotto-sidebar-small-text-font-size': string;
     /** Начертание шрифта маленького текста */

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

@@ -24,6 +24,7 @@ export { default as FilePreview } from './2_chatinput_elements/FilePreview/FileP
 export { default as FileUploader } from './2_chatinput_elements/FileUploader/FileUploader.vue';
 export { default as PlaceholderComponent } from './2_chatinput_elements/PlaceholderComponent/PlaceholderComponent.vue';
 export { default as TemplateSelector } from './2_chatinput_elements/TemplateSelector/TemplateSelector.vue';
+export { default as TextFormatToolbar } from './2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue';
 export { default as WABAAttachmentSection } from './2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue';
 export { default as WABAQuickReplyButtons } from './2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue';
 export { default as WABASeparatedQuickButtons } from './2_chatinput_elements/WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue';

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * Утилита для парсинга Markdown-текста в HTML
+ *
+ * Поддерживает форматирование, используемое в TextFormatToolbar:
+ * - **жирный** (bold)
+ * - *курсив* (italic)
+ * - <u>подчёркнутый</u> (underline)
+ * - ~~зачёркнутый~~ (strikethrough)
+ * - `встроенный код` (inline code)
+ * - > цитата (blockquote)
+ *
+ * @param {string} text - текст с markdown-разметкой
+ * @returns {string} HTML-строка с отформатированным текстом
+ */
+/**
+ * Парсит markdown-текст в HTML
+ * Использует renderInline для однострочного текста, чтобы избежать оборачивания в параграфы
+ * @param text - исходный текст с markdown-разметкой
+ * @returns HTML-строка
+ */
+export declare function parseMarkdown(text: string): string;

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

@@ -1,10 +1,10 @@
 /**
- * Создает вычисляемое HTML-представление текста с автоссылками и обработчик
+ * Создает вычисляемое HTML-представление текста с markdown-форматированием, автоссылками и обработчик
  * открытия ссылок в новой вкладке
  *
  * @param {() => string | undefined} getText - функция, возвращающая исходный текст
  * @returns {{ linkedHtml: import('vue').ComputedRef<string>, inNewWindow: (event: Event) => void }}
- *  - linkedHtml: вычисляемый HTML с проставленными ссылками
+ *  - linkedHtml: вычисляемый HTML с markdown-форматированием и проставленными ссылками
  *  - inNewWindow: обработчик клика, открывающий ссылки в новой вкладке
  */
 export declare const useMessageLinks: (getText: () => string | undefined) => {

package/dist/types/locale/en.d.ts

@@ -10,4 +10,10 @@ export const en: {
     'component.FeedSearch.SearchLabel': string;
     'component.FeedSearch.SearchPlaceholder': string;
     'component.ChannelSelector.Placeholder': string;
+    'component.TextFormatToolbar.Bold': string;
+    'component.TextFormatToolbar.Italic': string;
+    'component.TextFormatToolbar.Underline': string;
+    'component.TextFormatToolbar.Strikethrough': string;
+    'component.TextFormatToolbar.Code': string;
+    'component.TextFormatToolbar.Quote': string;
 };