@mobilon-dev/chotto 0.3.4 → 0.3.6

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

@@ -0,0 +1,71 @@
+/**
+ * CSS variables for ReplyAudioMessage component
+ */
+export interface ReplyAudioMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replyaudiomessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replyaudiomessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replyaudiomessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replyaudiomessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replyaudiomessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replyaudiomessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replyaudiomessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replyaudiomessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replyaudiomessage-p-webkit-box-orient': string;
+    /** Граница кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-border': string;
+    /** Позиционирование кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-position': string;
+    /** Выравнивание кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-align-self': string;
+    /** Ширина кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-width': string;
+    /** Высота кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-height': string;
+    /** Скругление кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-border-radius': string;
+    /** Фон кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-background-color': string;
+    /** Отображение иконки внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-display': string;
+    /** Позиционирование иконки внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-position': string;
+    /** Смещение иконки сверху внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-top': string;
+    /** Смещение иконки слева внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-left': string;
+    /** Трансформация для центрирования иконки */
+    '--chotto-replyaudiomessage-play-span-transform': string;
+    /** Размер иконки */
+    '--chotto-replyaudiomessage-play-span-font-size': string;
+    /** Цвет иконки */
+    '--chotto-replyaudiomessage-play-span-color': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replyaudiomessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replyaudiomessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyaudiomessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyaudiomessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyaudiomessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replyaudiomessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replyaudiomessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replyaudiomessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replyaudiomessage-reply-description-margin-bottom': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replyaudiomessage-reply-description-span-color': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyCallMessage/ReplyCallMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { ICallMessage } from '../../../../../types';
+import { ICallMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => ICallMessage;

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyCallMessage/stories/ReplyCallMessage.stories.d.ts

@@ -3,12 +3,12 @@ declare const meta: {
     title: string;
     component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         message: {
-            type: () => import("../../../../../../types/messages.ts").ICallMessage;
+            type: () => import("../../../../types/messages.ts").ICallMessage;
             required: true;
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         message: {
-            type: () => import("../../../../../../types/messages.ts").ICallMessage;
+            type: () => import("../../../../types/messages.ts").ICallMessage;
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,61 @@
+/**
+ * CSS variables for ReplyCallMessage component
+ */
+export interface ReplyCallMessageThemeCSSVariables {
+    /** Колонка грида иконки */
+    '--chotto-replycallmessage-icon-grid-column': string;
+    /** Ряд грида иконки */
+    '--chotto-replycallmessage-icon-grid-row': string;
+    /** Выравнивание иконки относительно себя */
+    '--chotto-replycallmessage-icon-align-self': string;
+    /** Отображение иконки */
+    '--chotto-replycallmessage-icon-display': string;
+    /** Выравнивание иконки по главной оси */
+    '--chotto-replycallmessage-icon-justify-content': string;
+    /** Выравнивание иконки по поперечной оси */
+    '--chotto-replycallmessage-icon-align-items': string;
+    /** Скругление иконки */
+    '--chotto-replycallmessage-icon-border-radius': string;
+    /** Высота иконки */
+    '--chotto-replycallmessage-icon-height': string;
+    /** Ширина иконки */
+    '--chotto-replycallmessage-icon-width': string;
+    /** Цвет фона иконки */
+    '--chotto-replycallmessage-icon-background-color': string;
+    /** Цвет иконки */
+    '--chotto-replycallmessage-icon-color': string;
+    /** Размер иконки */
+    '--chotto-replycallmessage-icon-font-size': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replycallmessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replycallmessage-text-container-word-break': string;
+    /** Внешние отступы абзаца */
+    '--chotto-replycallmessage-text-container-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replycallmessage-text-container-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replycallmessage-text-container-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replycallmessage-text-container-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replycallmessage-text-container-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replycallmessage-text-container-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replycallmessage-text-container-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replycallmessage-text-container-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replycallmessage-text-container-p-webkit-box-orient': string;
+    /** Отображение описания ответа */
+    '--chotto-replycallmessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replycallmessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replycallmessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replycallmessage-reply-description-margin-bottom': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replycallmessage-reply-description-span-color': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyFileMessage/ReplyFileMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { IFileMessage } from '../../../../../types';
+import { IFileMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => IFileMessage;

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyFileMessage/stories/ReplyFileMessage.stories.d.ts

@@ -3,12 +3,12 @@ declare const meta: {
     title: string;
     component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         message: {
-            type: () => import("../../../../../../types/messages.ts").IFileMessage;
+            type: () => import("../../../../types/messages.ts").IFileMessage;
             required: true;
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         message: {
-            type: () => import("../../../../../../types/messages.ts").IFileMessage;
+            type: () => import("../../../../types/messages.ts").IFileMessage;
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,67 @@
+/**
+ * CSS variables for ReplyFileMessage component
+ */
+export interface ReplyFileMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replyfilemessage-p-margin': string;
+    /** Отступ сверху у абзаца */
+    '--chotto-replyfilemessage-p-margin-top': string;
+    /** Перенос слов в абзаце */
+    '--chotto-replyfilemessage-p-word-wrap': string;
+    /** Правила переноса строк */
+    '--chotto-replyfilemessage-p-white-space': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replyfilemessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replyfilemessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replyfilemessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replyfilemessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replyfilemessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replyfilemessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replyfilemessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replyfilemessage-p-webkit-box-orient': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyfilemessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyfilemessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyfilemessage-text-color': string;
+    /** Отображение ссылки на файл */
+    '--chotto-replyfilemessage-link-display': string;
+    /** Выравнивание по главной оси ссылки */
+    '--chotto-replyfilemessage-link-justify-content': string;
+    /** Выравнивание по поперечной оси ссылки */
+    '--chotto-replyfilemessage-link-align-items': string;
+    /** Промежуток между элементами ссылки */
+    '--chotto-replyfilemessage-link-column-gap': string;
+    /** Цвет иконки в ссылке */
+    '--chotto-replyfilemessage-link-span-color': string;
+    /** Размер иконки в ссылке */
+    '--chotto-replyfilemessage-link-span-font-size': string;
+    /** Внешние отступы текста имени файла */
+    '--chotto-replyfilemessage-filename-text-margin': string;
+    /** Управление переполнением текста имени файла */
+    '--chotto-replyfilemessage-filename-text-overflow': string;
+    /** Обрезка текста имени файла */
+    '--chotto-replyfilemessage-filename-text-text-overflow': string;
+    /** Количество строк имени файла (webkit) */
+    '--chotto-replyfilemessage-filename-text-webkit-line-clamp': string;
+    /** Количество строк имени файла */
+    '--chotto-replyfilemessage-filename-text-line-clamp': string;
+    /** Ориентация блоков строк имени файла */
+    '--chotto-replyfilemessage-filename-text-webkit-box-orient': string;
+    /** Отступ справа у имени файла */
+    '--chotto-replyfilemessage-filename-text-margin-right': string;
+    /** Размер шрифта имени файла */
+    '--chotto-replyfilemessage-filename-text-font-size': string;
+    /** Цвет имени файла */
+    '--chotto-replyfilemessage-filename-text-color': string;
+    /** Подчёркивание имени файла */
+    '--chotto-replyfilemessage-filename-text-text-decoration': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyImageMessage/ReplyImageMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { IImageMessage } from '../../../../../types';
+import { IImageMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => IImageMessage;

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

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        message: {
+            type: () => import("../../../../types/messages.ts").IImageMessage;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        message: {
+            type: () => import("../../../../types/messages.ts").IImageMessage;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,85 @@
+/**
+ * CSS variables for ReplyImageMessage component
+ */
+export interface ReplyImageMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replyimagemessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replyimagemessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replyimagemessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replyimagemessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replyimagemessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replyimagemessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replyimagemessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replyimagemessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replyimagemessage-p-webkit-box-orient': string;
+    /** Колонка грида кнопки превью */
+    '--chotto-replyimagemessage-preview-button-grid-column': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-replyimagemessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-replyimagemessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-replyimagemessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-replyimagemessage-preview-button-padding': string;
+    /** Ширина превью-изображения */
+    '--chotto-replyimagemessage-preview-image-width': string;
+    /** Высота превью-изображения */
+    '--chotto-replyimagemessage-preview-image-height': string;
+    /** Курсор при наведении на превью */
+    '--chotto-replyimagemessage-preview-image-cursor': string;
+    /** Вписывание превью-изображения */
+    '--chotto-replyimagemessage-preview-image-object-fit': string;
+    /** Скругление превью-изображения */
+    '--chotto-replyimagemessage-preview-image-border-radius': string;
+    /** Внешние отступы превью-изображения */
+    '--chotto-replyimagemessage-preview-image-margin': string;
+    /** Ширина изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-width': string;
+    /** Высота изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-height': string;
+    /** Вписывание изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-object-fit': string;
+    /** Скругление изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-border-radius': string;
+    /** Максимальная высота изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-max-height': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-replyimagemessage-text-container-word-wrap': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replyimagemessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replyimagemessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyimagemessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyimagemessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyimagemessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replyimagemessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replyimagemessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replyimagemessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replyimagemessage-reply-description-margin-bottom': string;
+    /** Непереносимый пробел в описании */
+    '--chotto-replyimagemessage-reply-description-white-space': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replyimagemessage-reply-description-span-color': string;
+    /** Переход появления модального окна */
+    '--chotto-replyimagemessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-replyimagemessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-replyimagemessage-modal-fade-enter-to-opacity': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyTextMessage/ReplyTextMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { ITextMessage } from '../../../../../types';
+import { ITextMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => ITextMessage;

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyTextMessage/stories/ReplyTextMessage.stories.d.ts

@@ -3,12 +3,12 @@ declare const meta: {
     title: string;
     component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         message: {
-            type: () => import("../../../../../../types/messages.ts").ITextMessage;
+            type: () => import("../../../../types/messages.ts").ITextMessage;
             required: true;
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         message: {
-            type: () => import("../../../../../../types/messages.ts").ITextMessage;
+            type: () => import("../../../../types/messages.ts").ITextMessage;
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,35 @@
+/**
+ * CSS variables for ReplyTextMessage component
+ */
+export interface ReplyTextMessageThemeCSSVariables {
+    /** Отображение контейнера ответа */
+    '--chotto-replytextmessage-container-display': string;
+    /** Направление флекс-контейнера ответа */
+    '--chotto-replytextmessage-container-flex-direction': string;
+    /** Промежуток между элементами ответа */
+    '--chotto-replytextmessage-container-gap': string;
+    /** Размер шрифта текста ответа */
+    '--chotto-replytextmessage-text-font-size': string;
+    /** Цвет текста ответа */
+    '--chotto-replytextmessage-text-color': string;
+    /** Внешние отступы абзаца */
+    '--chotto-replytextmessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replytextmessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replytextmessage-p-color': string;
+    /** Правила переноса строк */
+    '--chotto-replytextmessage-p-white-space': string;
+    /** Переполнение абзаца */
+    '--chotto-replytextmessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replytextmessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replytextmessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replytextmessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replytextmessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replytextmessage-p-webkit-box-orient': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ReplyVideoMessage/ReplyVideoMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { IVideoMessage } from '../../../../../types';
+import { IVideoMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => IVideoMessage;

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

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        message: {
+            type: () => import("../../../../types/messages.ts").IVideoMessage;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        message: {
+            type: () => import("../../../../types/messages.ts").IVideoMessage;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,81 @@
+/**
+ * CSS variables for ReplyVideoMessage component
+ */
+export interface ReplyVideoMessageThemeCSSVariables {
+    /** Внешние отступы текста ответа */
+    '--chotto-replyvideomessage-p-margin': string;
+    /** Размер шрифта текста ответа */
+    '--chotto-replyvideomessage-p-font-size': string;
+    /** Цвет текста ответа */
+    '--chotto-replyvideomessage-p-color': string;
+    /** Переполнение текста ответа */
+    '--chotto-replyvideomessage-p-overflow': string;
+    /** Обрезка текста ответа */
+    '--chotto-replyvideomessage-p-text-overflow': string;
+    /** Отображение текста ответа (webkit box) */
+    '--chotto-replyvideomessage-p-display': string;
+    /** Лимит строк текста ответа (webkit) */
+    '--chotto-replyvideomessage-p-webkit-line-clamp': string;
+    /** Лимит строк текста ответа */
+    '--chotto-replyvideomessage-p-line-clamp': string;
+    /** Ориентация блочного контейнера строк (webkit) */
+    '--chotto-replyvideomessage-p-webkit-box-orient': string;
+    /** Ширина превью видео */
+    '--chotto-replyvideomessage-video-width': string;
+    /** Высота превью видео */
+    '--chotto-replyvideomessage-video-height': string;
+    /** Скругление превью видео */
+    '--chotto-replyvideomessage-video-border-radius': string;
+    /** Вписывание превью видео */
+    '--chotto-replyvideomessage-video-object-fit': string;
+    /** Курсор при наведении на превью видео */
+    '--chotto-replyvideomessage-video-cursor': string;
+    /** Внешние отступы превью видео */
+    '--chotto-replyvideomessage-video-margin': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-replyvideomessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-replyvideomessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-replyvideomessage-preview-button-flex-direction': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-replyvideomessage-text-container-word-wrap': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replyvideomessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replyvideomessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyvideomessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyvideomessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyvideomessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replyvideomessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replyvideomessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replyvideomessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replyvideomessage-reply-description-margin-bottom': string;
+    /** Цвет текста описания ответа */
+    '--chotto-replyvideomessage-reply-description-span-color': string;
+    /** Ширина видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-width': string;
+    /** Высота видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-height': string;
+    /** Максимальная высота видео (px/%) */
+    '--chotto-replyvideomessage-modal-video-max-height': string;
+    /** Вписывание видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-object-fit': string;
+    /** Скругление видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-border-radius': string;
+    /** Максимальная высота видео (vh) */
+    '--chotto-replyvideomessage-modal-video-max-height-vh': string;
+    /** Переход для модального окна */
+    '--chotto-replyvideomessage-modal-fade-transition': string;
+    /** Прозрачность модального окна в скрытом состоянии */
+    '--chotto-replyvideomessage-modal-fade-opacity-hidden': string;
+    /** Прозрачность модального окна в видимом состоянии */
+    '--chotto-replyvideomessage-modal-fade-opacity-visible': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/SystemMessage/SystemMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { ISystemMessage } from '../../../../../types';
+import { ISystemMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => ISystemMessage;

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

@@ -0,0 +1,23 @@
+/**
+ * CSS variables for SystemMessage component
+ */
+export interface SystemMessageThemeCSSVariables {
+    /** Ширина контейнера системного сообщения */
+    '--chotto-systemmessage-container-width': string;
+    /** Скругление контейнера системного сообщения */
+    '--chotto-systemmessage-container-border-radius': string;
+    /** Внутренние отступы контейнера системного сообщения */
+    '--chotto-systemmessage-container-padding': string;
+    /** Внешние отступы контейнера системного сообщения */
+    '--chotto-systemmessage-container-margin': string;
+    /** Цвет фона контейнера системного сообщения */
+    '--chotto-systemmessage-container-background-color': string;
+    /** Размер шрифта текста системного сообщения */
+    '--chotto-systemmessage-text-font-size': string;
+    /** Межстрочный интервал текста системного сообщения */
+    '--chotto-systemmessage-text-line-height': string;
+    /** Выравнивание текста системного сообщения */
+    '--chotto-systemmessage-text-text-align': string;
+    /** Цвет текста системного сообщения */
+    '--chotto-systemmessage-text-color': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/TextMessage/TextMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { ITextMessage } from '../../../../../types';
+import { ITextMessage } from '../../../types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => ITextMessage;
@@ -13,8 +13,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
+    reply: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     message: {
         type: () => ITextMessage;
@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
+    onReply?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;