@mobilon-dev/chotto 0.3.4 → 0.3.6

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

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

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

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

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

@@ -0,0 +1,89 @@
+/**
+ * CSS variables for TypingMessage component
+ */
+export interface TypingMessageThemeCSSVariables {
+    /** Отображение контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-display': string;
+    /** Шаблон колонок контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-grid-template-columns': string;
+    /** Позиционирование контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-position': string;
+    /** Внешние отступы контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-margin': string;
+    /** Колонка грида подписи */
+    '--chotto-typingmessage-subtext-grid-column': string;
+    /** Ряд грида подписи */
+    '--chotto-typingmessage-subtext-grid-row': string;
+    /** Внешние отступы подписи */
+    '--chotto-typingmessage-subtext-margin': string;
+    /** Размер шрифта подписи */
+    '--chotto-typingmessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-typingmessage-subtext-color': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-typingmessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-typingmessage-avatar-object-fit': string;
+    /** Минимальная ширина аватара */
+    '--chotto-typingmessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-typingmessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-typingmessage-avatar-border-radius': string;
+    /** Колонка грида аватара */
+    '--chotto-typingmessage-avatar-grid-column': string;
+    /** Ряд грида аватара */
+    '--chotto-typingmessage-avatar-grid-row': string;
+    /** Отступ справа от аватара */
+    '--chotto-typingmessage-avatar-margin-right': string;
+    /** Минимальная высота контейнера лоадера */
+    '--chotto-typingmessage-loader-container-min-height': string;
+    /** Колонка грида контейнера лоадера */
+    '--chotto-typingmessage-loader-container-grid-column': string;
+    /** Скругление контейнера лоадера */
+    '--chotto-typingmessage-loader-container-border-radius': string;
+    /** Внутренние отступы контейнера лоадера */
+    '--chotto-typingmessage-loader-container-padding': string;
+    /** Максимальная ширина контейнера лоадера */
+    '--chotto-typingmessage-loader-container-max-width': string;
+    /** Цвет фона контейнера лоадера */
+    '--chotto-typingmessage-loader-container-background-color': string;
+    /** Ширина индикатора набора */
+    '--chotto-typingmessage-loader-width': string;
+    /** Высота индикатора набора */
+    '--chotto-typingmessage-loader-height': string;
+    /** Позиционирование индикатора набора */
+    '--chotto-typingmessage-loader-position': string;
+    /** Смещение индикатора по вертикали */
+    '--chotto-typingmessage-loader-top': string;
+    /** Скругление индикатора набора */
+    '--chotto-typingmessage-loader-border-radius': string;
+    /** Анимация индикатора набора */
+    '--chotto-typingmessage-loader-animation': string;
+    /** Внешние отступы индикатора набора */
+    '--chotto-typingmessage-loader-margin': string;
+    /** Содержимое псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-content': string;
+    /** Позиционирование псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-position': string;
+    /** Ширина псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-width': string;
+    /** Высота псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-height': string;
+    /** Скругление псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-border-radius': string;
+    /** Анимация псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-animation': string;
+    /** Смещение левой точки индикатора */
+    '--chotto-typingmessage-loader-before-left': string;
+    /** Задержка анимации левой точки */
+    '--chotto-typingmessage-loader-before-animation-delay': string;
+    /** Смещение правой точки индикатора */
+    '--chotto-typingmessage-loader-after-right': string;
+    /** Задержка анимации правой точки */
+    '--chotto-typingmessage-loader-after-animation-delay': string;
+    /** Тень в начале анимации */
+    '--chotto-typingmessage-keyframes-0-box-shadow': string;
+    /** Тень в конце анимации */
+    '--chotto-typingmessage-keyframes-100-box-shadow': string;
+}

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

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

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

@@ -0,0 +1,19 @@
+export { default as AudioMessage } from './AudioMessage/AudioMessage.vue';
+export { default as BaseReplyMessage } from './BaseReplyMessage/BaseReplyMessage.vue';
+export { default as CallMessage } from './CallMessage/CallMessage.vue';
+export { default as DateMessage } from './DateMessage/DateMessage.vue';
+export { default as DateMessageSticky } from './DateMessageSticky/DateMessageSticky.vue';
+export { default as FeedKeyboard } from './FeedKeyboard/FeedKeyboard.vue';
+export { default as FileMessage } from './FileMessage/FileMessage.vue';
+export { default as ImageMessage } from './ImageMessage/ImageMessage.vue';
+export { default as MessageKeyboard } from './MessageKeyboard/MessageKeyboard.vue';
+export { default as ReplyAudioMessage } from './ReplyAudioMessage/ReplyAudioMessage.vue';
+export { default as ReplyCallMessage } from './ReplyCallMessage/ReplyCallMessage.vue';
+export { default as ReplyFileMessage } from './ReplyFileMessage/ReplyFileMessage.vue';
+export { default as ReplyImageMessage } from './ReplyImageMessage/ReplyImageMessage.vue';
+export { default as ReplyTextMessage } from './ReplyTextMessage/ReplyTextMessage.vue';
+export { default as ReplyVideoMessage } from './ReplyVideoMessage/ReplyVideoMessage.vue';
+export { default as SystemMessage } from './SystemMessage/SystemMessage.vue';
+export { default as TextMessage } from './TextMessage/TextMessage.vue';
+export { default as TypingMessage } from './TypingMessage/TypingMessage.vue';
+export { default as VideoMessage } from './VideoMessage/VideoMessage.vue';

package/dist/types/components/{molecules → 2_modals}/CreateDialog/CreateDialog.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    $emit: (event: "submit" | "change", ...args: any[]) => void;
+    $emit: (event: "change" | "submit", ...args: any[]) => void;
     filter: Function;
     title: string;
     name: string;
-    contacts: unknown[];
     channels: unknown[];
+    contacts: unknown[];
     $props: {
         readonly filter?: Function | undefined;
         readonly title?: string | undefined;
         readonly name?: string | undefined;
-        readonly contacts?: unknown[] | undefined;
         readonly channels?: unknown[] | undefined;
+        readonly contacts?: unknown[] | 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/{molecules → 2_modals}/CreateDialog/stories/CreateDialog.stories.d.ts

@@ -2,18 +2,18 @@ import type { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: import("vue").DefineComponent<{}, {
-        $emit: (event: "submit" | "change", ...args: any[]) => void;
+        $emit: (event: "change" | "submit", ...args: any[]) => void;
         filter: Function;
         title: string;
         name: string;
-        contacts: unknown[];
         channels: unknown[];
+        contacts: unknown[];
         $props: {
             readonly filter?: Function | undefined;
             readonly title?: string | undefined;
             readonly name?: string | undefined;
-            readonly contacts?: unknown[] | undefined;
             readonly channels?: unknown[] | undefined;
+            readonly contacts?: unknown[] | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     args: {};