@mobilon-dev/chotto 0.3.4 → 0.3.6

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

@@ -0,0 +1,253 @@
+/**
+ * CSS variables for FileMessage component
+ */
+export interface FileMessageThemeCSSVariables {
+    /** Позиционирование контейнера контента файла */
+    '--chotto-filemessage-content-position': string;
+    /** Ширина контейнера контента файла */
+    '--chotto-filemessage-content-width': string;
+    /** Скругление пузыря файла */
+    '--chotto-filemessage-content-border-radius': string;
+    /** Внутренние отступы пузыря файла */
+    '--chotto-filemessage-content-padding': string;
+    /** Максимальная ширина контейнера контента файла */
+    '--chotto-filemessage-content-max-width': string;
+    /** Содержимое псевдоэлемента "хвостик" слева */
+    '--chotto-filemessage-left-triangle-content': string;
+    /** Позиционирование хвостика слева */
+    '--chotto-filemessage-left-triangle-position': string;
+    /** Смещение хвостика слева по вертикали */
+    '--chotto-filemessage-left-triangle-top': string;
+    /** Смещение хвостика слева по горизонтали */
+    '--chotto-filemessage-left-triangle-left': string;
+    /** Ширина хвостика слева */
+    '--chotto-filemessage-left-triangle-width': string;
+    /** Высота хвостика слева */
+    '--chotto-filemessage-left-triangle-height': string;
+    /** Базовая рамка хвостика слева */
+    '--chotto-filemessage-left-triangle-border': string;
+    /** Верхняя часть рамки хвостика слева (цвет пузыря) */
+    '--chotto-filemessage-left-triangle-border-top': string;
+    /** Слой псевдоэлемента слева */
+    '--chotto-filemessage-left-triangle-z-index': string;
+    /** Содержимое псевдоэлемента "хвостик" справа */
+    '--chotto-filemessage-right-triangle-content': string;
+    /** Позиционирование хвостика справа */
+    '--chotto-filemessage-right-triangle-position': string;
+    /** Смещение хвостика справа по вертикали */
+    '--chotto-filemessage-right-triangle-top': string;
+    /** Смещение хвостика справа по горизонтали */
+    '--chotto-filemessage-right-triangle-right': string;
+    /** Ширина хвостика справа */
+    '--chotto-filemessage-right-triangle-width': string;
+    /** Высота хвостика справа */
+    '--chotto-filemessage-right-triangle-height': string;
+    /** Базовая рамка хвостика справа */
+    '--chotto-filemessage-right-triangle-border': string;
+    /** Верхняя часть рамки хвостика справа (цвет пузыря) */
+    '--chotto-filemessage-right-triangle-border-top': string;
+    /** Слой псевдоэлемента справа */
+    '--chotto-filemessage-right-triangle-z-index': string;
+    /** Цвет фона пузыря слева */
+    '--chotto-filemessage-left-bg': string;
+    /** Цвет фона пузыря справа */
+    '--chotto-filemessage-right-bg': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-filemessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-filemessage-avatar-object-fit': string;
+    /** Минимальная ширина аватара */
+    '--chotto-filemessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-filemessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-filemessage-avatar-border-radius': string;
+    /** Отступ сверху текстового контейнера */
+    '--chotto-filemessage-text-container-margin-top': string;
+    /** Перенос слов в текстовом контейнере */
+    '--chotto-filemessage-text-container-word-wrap': string;
+    /** Перевод строк в абзаце текста */
+    '--chotto-filemessage-text-container-p-white-space': string;
+    /** Размер шрифта абзаца текста */
+    '--chotto-filemessage-text-container-p-font-size': string;
+    /** Размер шрифта подписи */
+    '--chotto-filemessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-filemessage-subtext-color': string;
+    /** Отображение ссылки на файл */
+    '--chotto-filemessage-link-display': string;
+    /** Выравнивание по главной оси ссылки */
+    '--chotto-filemessage-link-justify-content': string;
+    /** Выравнивание по поперечной оси ссылки */
+    '--chotto-filemessage-link-align-items': string;
+    /** Промежуток между элементами ссылки */
+    '--chotto-filemessage-link-column-gap': string;
+    /** Цвет иконки в ссылке */
+    '--chotto-filemessage-link-span-color': string;
+    /** Размер иконки в ссылке */
+    '--chotto-filemessage-link-span-font-size': string;
+    /** Управление переполнением текста имени файла */
+    '--chotto-filemessage-filename-text-overflow': string;
+    /** Обрезка текста имени файла */
+    '--chotto-filemessage-filename-text-text-overflow': string;
+    /** Количество строк имени файла (webkit) */
+    '--chotto-filemessage-filename-text-webkit-line-clamp': string;
+    /** Количество строк имени файла */
+    '--chotto-filemessage-filename-text-line-clamp': string;
+    /** Ориентация блоков строк имени файла */
+    '--chotto-filemessage-filename-text-webkit-box-orient': string;
+    /** Отступ справа у имени файла */
+    '--chotto-filemessage-filename-text-margin-right': string;
+    /** Размер шрифта имени файла */
+    '--chotto-filemessage-filename-text-font-size': string;
+    /** Цвет имени файла */
+    '--chotto-filemessage-filename-text-color': string;
+    /** Отображение контейнера информации */
+    '--chotto-filemessage-info-container-display': string;
+    /** Выравнивание элементов контейнера информации */
+    '--chotto-filemessage-info-container-align-items': string;
+    /** Выравнивание по главной оси контейнера информации */
+    '--chotto-filemessage-info-container-justify-content': string;
+    /** Промежуток между элементами контейнера информации */
+    '--chotto-filemessage-info-container-column-gap': string;
+    /** Отступ снизу кнопки скачивания */
+    '--chotto-filemessage-download-button-margin-bottom': string;
+    /** Граница кнопки скачивания */
+    '--chotto-filemessage-download-button-border': string;
+    /** Скругление кнопки скачивания */
+    '--chotto-filemessage-download-button-border-radius': string;
+    /** Фон кнопки скачивания */
+    '--chotto-filemessage-download-button-background-color': string;
+    /** Внутренние отступы кнопки скачивания */
+    '--chotto-filemessage-download-button-padding': string;
+    /** Курсор кнопки скачивания */
+    '--chotto-filemessage-download-button-cursor': string;
+    /** Цвет иконки внутри кнопки */
+    '--chotto-filemessage-download-button-span-color': string;
+    /** Размер иконки внутри кнопки */
+    '--chotto-filemessage-download-button-span-font-size': string;
+    /** Отображение статуса доставки/прочтения */
+    '--chotto-filemessage-status-display': string;
+    /** Толщина шрифта статуса */
+    '--chotto-filemessage-status-span-font-weight': string;
+    /** Отрицательный отступ первой иконки "доставлено" */
+    '--chotto-filemessage-status-received-first-child-margin-right': string;
+    /** Отрицательный отступ первой иконки "прочитано" */
+    '--chotto-filemessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса */
+    '--chotto-filemessage-status-span-color': string;
+    /** Размер иконок статуса */
+    '--chotto-filemessage-status-span-font-size': string;
+    /** Цвет статуса "доставлено" */
+    '--chotto-filemessage-status-received-color': string;
+    /** Цвет статуса "прочитано" */
+    '--chotto-filemessage-status-read-color': string;
+    /** Отображение блока просмотров */
+    '--chotto-filemessage-views-display': string;
+    /** Выравнивание элементов блока просмотров */
+    '--chotto-filemessage-views-align-items': string;
+    /** Промежуток между элементами блока просмотров */
+    '--chotto-filemessage-views-column-gap': string;
+    /** Размер иконки просмотров */
+    '--chotto-filemessage-views-span-font-size': string;
+    /** Цвет иконки просмотров */
+    '--chotto-filemessage-views-span-color': string;
+    /** Размер текста просмотров */
+    '--chotto-filemessage-views-p-font-size': string;
+    /** Цвет текста просмотров */
+    '--chotto-filemessage-views-p-color': string;
+    /** Размер шрифта времени */
+    '--chotto-filemessage-time-font-size': string;
+    /** Цвет времени */
+    '--chotto-filemessage-time-color': string;
+    /** Позиционирование кнопки меню сообщения */
+    '--chotto-filemessage-menu-button-position': string;
+    /** Прозрачный фон кнопки меню */
+    '--chotto-filemessage-menu-button-background-color': string;
+    /** Граница кнопки меню */
+    '--chotto-filemessage-menu-button-border': string;
+    /** Трансформация кнопки меню по оси Y */
+    '--chotto-filemessage-menu-button-transform': string;
+    /** Курсор кнопки меню */
+    '--chotto-filemessage-menu-button-cursor': string;
+    /** Переход кнопки меню */
+    '--chotto-filemessage-menu-button-transition': string;
+    /** Переход при наведении */
+    '--chotto-filemessage-menu-button-hover-transition': string;
+    /** Цвет иконки внутри кнопки меню */
+    '--chotto-filemessage-menu-button-span-color': string;
+    /** Размер иконки внутри кнопки меню */
+    '--chotto-filemessage-menu-button-span-font-size': string;
+    /** Цвет иконки при наведении */
+    '--chotto-filemessage-menu-button-span-hover-color': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-filemessage-context-menu-position': string;
+    /** Отображение общего контейнера лево/право */
+    '--chotto-filemessage-left-right-display': string;
+    /** Внешние отступы общего контейнера */
+    '--chotto-filemessage-left-right-margin': string;
+    /** Шаблон колонок левой раскладки */
+    '--chotto-filemessage-left-grid-template-columns': string;
+    /** Колонка грида аватара слева */
+    '--chotto-filemessage-left-avatar-grid-column': string;
+    /** Отступ справа от аватара слева */
+    '--chotto-filemessage-left-avatar-margin-right': string;
+    /** Колонка грида подписи слева */
+    '--chotto-filemessage-left-subtext-grid-column': string;
+    /** Ряд грида подписи слева */
+    '--chotto-filemessage-left-subtext-grid-row': string;
+    /** Внешние отступы подписи слева */
+    '--chotto-filemessage-left-subtext-margin': string;
+    /** Колонка грида контента слева */
+    '--chotto-filemessage-left-content-grid-column': string;
+    /** Отступ контента слева с учётом аватара */
+    '--chotto-filemessage-left-content-with-avatar-indent-margin-left': string;
+    /** Положение кнопки меню слева (top) */
+    '--chotto-filemessage-left-menu-button-top': string;
+    /** Положение кнопки меню слева (right) */
+    '--chotto-filemessage-left-menu-button-right': string;
+    /** Позиция контекстного меню слева (top) */
+    '--chotto-filemessage-left-context-menu-top': string;
+    /** Позиция контекстного меню слева (left) */
+    '--chotto-filemessage-left-context-menu-left': string;
+    /** Отступ контекстного меню слева сверху */
+    '--chotto-filemessage-left-context-menu-margin-top': string;
+    /** Шаблон колонок правой раскладки */
+    '--chotto-filemessage-right-grid-template-columns': string;
+    /** Колонка грида аватара справа */
+    '--chotto-filemessage-right-avatar-grid-column': string;
+    /** Ряд грида аватара справа */
+    '--chotto-filemessage-right-avatar-grid-row': string;
+    /** Отступ слева от аватара справа */
+    '--chotto-filemessage-right-avatar-margin-left': string;
+    /** Колонка грида подписи справа */
+    '--chotto-filemessage-right-subtext-grid-column': string;
+    /** Ряд грида подписи справа */
+    '--chotto-filemessage-right-subtext-grid-row': string;
+    /** Внешние отступы подписи справа */
+    '--chotto-filemessage-right-subtext-margin': string;
+    /** Колонка грида контента справа */
+    '--chotto-filemessage-right-content-grid-column': string;
+    /** Выравнивание контента справа */
+    '--chotto-filemessage-right-content-margin-left': string;
+    /** Отступ контента справа с учётом аватара */
+    '--chotto-filemessage-right-content-with-avatar-indent-margin-right': string;
+    /** Положение кнопки меню справа (top) */
+    '--chotto-filemessage-right-menu-button-top': string;
+    /** Положение кнопки меню справа (left) */
+    '--chotto-filemessage-right-menu-button-left': string;
+    /** Позиция контекстного меню справа (top) */
+    '--chotto-filemessage-right-context-menu-top': string;
+    /** Позиция контекстного меню справа (right) */
+    '--chotto-filemessage-right-context-menu-right': string;
+    /** Отступ контекстного меню справа сверху */
+    '--chotto-filemessage-right-context-menu-margin-top': string;
+    /** Переход появления пузыря */
+    '--chotto-filemessage-v-enter-active-transition': string;
+    /** Переход скрытия пузыря */
+    '--chotto-filemessage-v-leave-active-transition': string;
+    /** Стартовая трансформация при появлении */
+    '--chotto-filemessage-v-enter-from-transform': string;
+    /** Стартовая прозрачность при появлении */
+    '--chotto-filemessage-v-enter-from-opacity': string;
+}

package/dist/types/components/{compounds/Feed/messages → 2_feed_elements}/ImageMessage/ImageMessage.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;
@@ -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: () => IImageMessage;
@@ -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;

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

@@ -0,0 +1,237 @@
+/**
+ * CSS variables for ImageMessage component
+ */
+export interface ImageMessageThemeCSSVariables {
+    /** Позиционирование контейнера контента изображения */
+    '--chotto-imagemessage-content-position': string;
+    /** Максимальная ширина контейнера контента изображения */
+    '--chotto-imagemessage-content-max-width': string;
+    /** Скругление контейнера контента изображения */
+    '--chotto-imagemessage-content-border-radius': string;
+    /** Ряд грида аватара */
+    '--chotto-imagemessage-avatar-grid-row': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-imagemessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-imagemessage-avatar-object-fit': string;
+    /** Отступ снизу аватара */
+    '--chotto-imagemessage-avatar-margin-bottom': string;
+    /** Минимальная ширина аватара */
+    '--chotto-imagemessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-imagemessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-imagemessage-avatar-border-radius': string;
+    /** Позиционирование контейнера информации */
+    '--chotto-imagemessage-info-container-position': string;
+    /** Отступ контейнера информации справа */
+    '--chotto-imagemessage-info-container-right': string;
+    /** Отступ контейнера информации снизу */
+    '--chotto-imagemessage-info-container-bottom': string;
+    /** Отображение контейнера информации */
+    '--chotto-imagemessage-info-container-display': string;
+    /** Выравнивание элементов контейнера информации */
+    '--chotto-imagemessage-info-container-align-items': string;
+    /** Промежуток между элементами контейнера информации */
+    '--chotto-imagemessage-info-container-column-gap': string;
+    /** Скругление контейнера информации */
+    '--chotto-imagemessage-info-container-border-radius': string;
+    /** Внутренние отступы контейнера информации */
+    '--chotto-imagemessage-info-container-padding': string;
+    /** Цвет текста/иконок контейнера информации */
+    '--chotto-imagemessage-info-container-color': string;
+    /** Цвет фона контейнера информации */
+    '--chotto-imagemessage-info-container-background-color': string;
+    /** Позиционирование кнопки скачивания */
+    '--chotto-imagemessage-download-button-position': string;
+    /** Отступ кнопки скачивания слева */
+    '--chotto-imagemessage-download-button-left': string;
+    /** Отступ кнопки скачивания снизу */
+    '--chotto-imagemessage-download-button-bottom': string;
+    /** Отображение кнопки скачивания */
+    '--chotto-imagemessage-download-button-display': string;
+    /** Выравнивание содержимого кнопки по главной оси */
+    '--chotto-imagemessage-download-button-justify-content': string;
+    /** Выравнивание содержимого кнопки по поперечной оси */
+    '--chotto-imagemessage-download-button-align-items': string;
+    /** Граница кнопки скачивания */
+    '--chotto-imagemessage-download-button-border': string;
+    /** Скругление кнопки скачивания */
+    '--chotto-imagemessage-download-button-border-radius': string;
+    /** Внутренние отступы кнопки скачивания */
+    '--chotto-imagemessage-download-button-padding': string;
+    /** Цвет фона кнопки скачивания */
+    '--chotto-imagemessage-download-button-background-color': string;
+    /** Курсор кнопки скачивания */
+    '--chotto-imagemessage-download-button-cursor': string;
+    /** Цвет текста/иконки внутри кнопки */
+    '--chotto-imagemessage-download-button-span-color': string;
+    /** Размер текста/иконки внутри кнопки */
+    '--chotto-imagemessage-download-button-span-font-size': string;
+    /** Отображение блока просмотров */
+    '--chotto-imagemessage-views-display': string;
+    /** Выравнивание элементов блока просмотров */
+    '--chotto-imagemessage-views-align-items': string;
+    /** Промежуток между элементами блока просмотров */
+    '--chotto-imagemessage-views-column-gap': string;
+    /** Курсор при наведении на блок просмотров */
+    '--chotto-imagemessage-views-cursor': string;
+    /** Размер иконки просмотров */
+    '--chotto-imagemessage-views-span-font-size': string;
+    /** Размер текста количества просмотров */
+    '--chotto-imagemessage-views-p-font-size': string;
+    /** Размер шрифта времени */
+    '--chotto-imagemessage-time-font-size': string;
+    /** Отображение статуса доставки/прочтения */
+    '--chotto-imagemessage-status-display': string;
+    /** Размер иконок статуса */
+    '--chotto-imagemessage-status-span-font-size': string;
+    /** Отрицательный отступ для иконки "доставлено" */
+    '--chotto-imagemessage-status-received-first-child-margin-right': string;
+    /** Отрицательный отступ для иконки "прочитано" */
+    '--chotto-imagemessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса "прочитано" */
+    '--chotto-imagemessage-status-read-color': string;
+    /** Размер шрифта подписи */
+    '--chotto-imagemessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-imagemessage-subtext-color': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-imagemessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-imagemessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-imagemessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-imagemessage-preview-button-padding': string;
+    /** Ширина превью-изображения */
+    '--chotto-imagemessage-preview-image-width': string;
+    /** Максимальная высота превью-изображения */
+    '--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;
+    /** Прозрачный фон кнопки меню */
+    '--chotto-imagemessage-menu-button-background-color': string;
+    /** Граница кнопки меню */
+    '--chotto-imagemessage-menu-button-border': string;
+    /** Трансформация кнопки меню по оси Y */
+    '--chotto-imagemessage-menu-button-transform': string;
+    /** Курсор кнопки меню */
+    '--chotto-imagemessage-menu-button-cursor': string;
+    /** Переход кнопки меню */
+    '--chotto-imagemessage-menu-button-transition': string;
+    /** Цвет иконки внутри кнопки меню */
+    '--chotto-imagemessage-menu-button-span-color': string;
+    /** Размер иконки внутри кнопки меню */
+    '--chotto-imagemessage-menu-button-span-font-size': string;
+    /** Цвет иконки при наведении */
+    '--chotto-imagemessage-menu-button-span-hover-color': string;
+    /** Переход при наведении */
+    '--chotto-imagemessage-menu-button-hover-transition': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-imagemessage-context-menu-position': string;
+    /** Внутренние отступы контейнера текста */
+    '--chotto-imagemessage-text-container-padding': string;
+    /** Скругление контейнера текста */
+    '--chotto-imagemessage-text-container-border-radius': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-imagemessage-text-container-word-wrap': string;
+    /** Размер шрифта абзаца текста */
+    '--chotto-imagemessage-text-container-p-font-size': string;
+    /** Перенос слов в абзаце текста */
+    '--chotto-imagemessage-text-container-p-word-break': string;
+    /** Внешние отступы блока превью ссылки */
+    '--chotto-imagemessage-link-preview-margin': string;
+    /** Отображение общего контейнера лево/право */
+    '--chotto-imagemessage-left-right-display': string;
+    /** Шаблон строк грида для лево/право */
+    '--chotto-imagemessage-left-right-grid-template-rows': string;
+    /** Внешние отступы общего контейнера */
+    '--chotto-imagemessage-left-right-margin': string;
+    /** Шаблон колонок левой раскладки */
+    '--chotto-imagemessage-left-grid-template-columns': string;
+    /** Колонка грида аватара слева */
+    '--chotto-imagemessage-left-avatar-grid-column': string;
+    /** Отступ справа от аватара слева */
+    '--chotto-imagemessage-left-avatar-margin-right': string;
+    /** Колонка грида подписи слева */
+    '--chotto-imagemessage-left-subtext-grid-column': string;
+    /** Ряд грида подписи слева */
+    '--chotto-imagemessage-left-subtext-grid-row': string;
+    /** Внешние отступы подписи слева */
+    '--chotto-imagemessage-left-subtext-margin': string;
+    /** Колонка грида контента слева */
+    '--chotto-imagemessage-left-content-grid-column': string;
+    /** Фон пузыря слева */
+    '--chotto-imagemessage-left-bg': string;
+    /** Отступ контента слева с учётом аватара */
+    '--chotto-imagemessage-left-content-with-avatar-indent-margin-left': string;
+    /** Положение кнопки меню слева (top) */
+    '--chotto-imagemessage-left-menu-button-top': string;
+    /** Положение кнопки меню слева (right) */
+    '--chotto-imagemessage-left-menu-button-right': string;
+    /** Позиция контекстного меню слева (top) */
+    '--chotto-imagemessage-left-context-menu-top': string;
+    /** Позиция контекстного меню слева (left) */
+    '--chotto-imagemessage-left-context-menu-left': string;
+    /** Отступ контекстного меню слева сверху */
+    '--chotto-imagemessage-left-context-menu-margin-top': string;
+    /** Шаблон колонок правой раскладки */
+    '--chotto-imagemessage-right-grid-template-columns': string;
+    /** Колонка грида аватара справа */
+    '--chotto-imagemessage-right-avatar-grid-column': string;
+    /** Отступ слева от аватара справа */
+    '--chotto-imagemessage-right-avatar-margin-left': string;
+    /** Колонка грида подписи справа */
+    '--chotto-imagemessage-right-subtext-grid-column': string;
+    /** Ряд грида подписи справа */
+    '--chotto-imagemessage-right-subtext-grid-row': string;
+    /** Внешние отступы подписи справа */
+    '--chotto-imagemessage-right-subtext-margin': string;
+    /** Колонка грида контента справа */
+    '--chotto-imagemessage-right-content-grid-column': string;
+    /** Выравнивание контента справа */
+    '--chotto-imagemessage-right-content-margin-left': string;
+    /** Фон пузыря справа */
+    '--chotto-imagemessage-right-bg': string;
+    /** Отступ контента справа с учётом аватара */
+    '--chotto-imagemessage-right-content-with-avatar-indent-margin-right': string;
+    /** Отступ текстового контейнера справа */
+    '--chotto-imagemessage-right-text-container-margin-left': string;
+    /** Положение кнопки меню справа (top) */
+    '--chotto-imagemessage-right-menu-button-top': string;
+    /** Положение кнопки меню справа (left) */
+    '--chotto-imagemessage-right-menu-button-left': string;
+    /** Позиция контекстного меню справа (top) */
+    '--chotto-imagemessage-right-context-menu-top': string;
+    /** Позиция контекстного меню справа (right) */
+    '--chotto-imagemessage-right-context-menu-right': string;
+    /** Отступ контекстного меню справа сверху */
+    '--chotto-imagemessage-right-context-menu-margin-top': string;
+    /** Переход появления контекстного меню */
+    '--chotto-imagemessage-context-menu-enter-active-transition': string;
+    /** Переход скрытия контекстного меню */
+    '--chotto-imagemessage-context-menu-leave-active-transition': string;
+    /** Стартовая трансформация контекстного меню */
+    '--chotto-imagemessage-context-menu-enter-from-transform': string;
+    /** Стартовая прозрачность контекстного меню */
+    '--chotto-imagemessage-context-menu-enter-from-opacity': string;
+    /** Переход появления модального окна */
+    '--chotto-imagemessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-imagemessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-imagemessage-modal-fade-enter-to-opacity': string;
+}

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

@@ -0,0 +1,51 @@
+/**
+ * CSS переменные для компонента MessageKeyboard
+ */
+export interface MessageKeyboardThemeCSSVariables {
+    /** Отображение контейнера клавиатуры */
+    '--chotto-messagekeyboard-container-display': string;
+    /** Выравнивание по главной оси контейнера клавиатуры */
+    '--chotto-messagekeyboard-container-justify': string;
+    /** Перенос строк контейнера клавиатуры */
+    '--chotto-messagekeyboard-container-flex-wrap': string;
+    /** Промежуток между элементами клавиатуры */
+    '--chotto-messagekeyboard-gap': string;
+    /** Выравнивание по главной оси контейнера слева */
+    '--chotto-messagekeyboard-container-left-justify': string;
+    /** Отступ слева контейнера слева */
+    '--chotto-messagekeyboard-container-left-margin-left': string;
+    /** Отступ справа контейнера слева */
+    '--chotto-messagekeyboard-container-left-margin-right': string;
+    /** Выравнивание по главной оси контейнера по центру */
+    '--chotto-messagekeyboard-container-center-justify': string;
+    /** Отступ слева контейнера по центру */
+    '--chotto-messagekeyboard-container-center-margin-left': string;
+    /** Отступ справа контейнера по центру */
+    '--chotto-messagekeyboard-container-center-margin-right': string;
+    /** Выравнивание по главной оси контейнера справа */
+    '--chotto-messagekeyboard-container-right-justify': string;
+    /** Отступ слева контейнера справа */
+    '--chotto-messagekeyboard-container-right-margin-left': string;
+    /** Отступ справа контейнера справа */
+    '--chotto-messagekeyboard-container-right-margin-right': string;
+    /** Граница клавиши */
+    '--chotto-messagekeyboard-key-border': string;
+    /** Радиус границы клавиши */
+    '--chotto-messagekeyboard-key-border-radius': string;
+    /** Перенос слов клавиши */
+    '--chotto-messagekeyboard-key-word-wrap': string;
+    /** Тень клавиши */
+    '--chotto-messagekeyboard-key-box-shadow': string;
+    /** Максимальная ширина клавиши */
+    '--chotto-messagekeyboard-key-max-width': string;
+    /** Отступы клавиши */
+    '--chotto-messagekeyboard-key-padding': string;
+    /** Отступы параграфа клавиши */
+    '--chotto-messagekeyboard-key-p-margin': string;
+    /** Курсор параграфа клавиши при наведении */
+    '--chotto-messagekeyboard-key-p-hover-cursor': string;
+    /** Цвет фона клавиши */
+    '--chotto-messagekeyboard-key-background-color': string;
+    /** Размер шрифта клавиши */
+    '--chotto-messagekeyboard-key-font-size': string;
+}

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

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

package/dist/types/components/2_feed_elements/ReplyAudioMessage/stories/ReplyAudioMessage.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").IAudioMessage;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        message: {
+            type: () => import("../../../../types/messages.ts").IAudioMessage;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;