@mobilon-dev/chotto 0.3.4 → 0.3.6

package/dist/types/components/2_elements/ChatPanel/styles/types.d.ts

@@ -0,0 +1,53 @@
+/**
+ * CSS переменные для компонента ChatPanel
+ */
+export interface ChatPanelThemeCSSVariables {
+    /** Отображение панели чата */
+    '--chotto-chatpanel-display': string;
+    /** Выравнивание элементов панели чата */
+    '--chotto-chatpanel-align-items': string;
+    /** Направление флекс-контейнера панели чата */
+    '--chotto-chatpanel-flex-direction': string;
+    /** Высота панели чата */
+    '--chotto-chatpanel-height': string;
+    /** Отображение заголовка панели чата */
+    '--chotto-chatpanel-header-display': string;
+    /** Промежуток между элементами заголовка */
+    '--chotto-chatpanel-header-gap': string;
+    /** Отображение контейнера заголовка */
+    '--chotto-chatpanel-title-container-display': string;
+    /** Выравнивание по главной оси контейнера заголовка */
+    '--chotto-chatpanel-title-container-justify': string;
+    /** Выравнивание по поперечной оси контейнера заголовка */
+    '--chotto-chatpanel-title-container-align': string;
+    /** Межбуквенное расстояние заголовка */
+    '--chotto-chatpanel-title-letter-spacing': string;
+    /** Размер шрифта заголовка */
+    '--chotto-chatpanel-title-font-size': string;
+    /** Толщина шрифта заголовка */
+    '--chotto-chatpanel-title-font-weight': string;
+    /** Семейство шрифта заголовка */
+    '--chotto-chatpanel-title-font-family': string;
+    /** Цвет текста заголовка */
+    '--chotto-chatpanel-title-text-color': string;
+    /** Цвет фона кнопки закрытия */
+    '--chotto-chatpanel-button-close-bg': string;
+    /** Граница кнопки закрытия */
+    '--chotto-chatpanel-button-close-border': string;
+    /** Курсор кнопки закрытия */
+    '--chotto-chatpanel-button-close-cursor': string;
+    /** Размер иконки кнопки */
+    '--chotto-chatpanel-button-icon-size': string;
+    /** Цвет активной кнопки */
+    '--chotto-chatpanel-button-color-active': string;
+    /** Ширина полосы прокрутки */
+    '--chotto-chatpanel-scrollbar-width': string;
+    /** Цвет фона полосы прокрутки */
+    '--chotto-chatpanel-scrollbar-bg': string;
+    /** Радиус границы ползунка полосы прокрутки */
+    '--chotto-chatpanel-scrollbar-thumb-radius': string;
+    /** Цвет фона ползунка полосы прокрутки */
+    '--chotto-chatpanel-scrollbar-thumb-bg': string;
+    /** Радиус границы дорожки полосы прокрутки */
+    '--chotto-chatpanel-scrollbar-track-radius': string;
+}

package/dist/types/components/{elements → 2_elements}/ContactInfo/ContactInfo.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    $emit: (event: "close" | "open-crm" | "select-attribute-channel", ...args: any[]) => void;
-    contact: Record<string, any>;
+    $emit: (event: "close" | "select-attribute-channel" | "open-crm", ...args: any[]) => void;
     channels: unknown[];
+    contact: Record<string, any>;
     currentDialog: Record<string, any>;
     $props: {
-        readonly contact?: Record<string, any> | undefined;
         readonly channels?: unknown[] | undefined;
+        readonly contact?: Record<string, any> | undefined;
         readonly currentDialog?: Record<string, any> | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/{elements → 2_elements}/ContactInfo/stories/ContactInfo.stories.d.ts

@@ -2,13 +2,13 @@ import type { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: import("vue").DefineComponent<{}, {
-        $emit: (event: "close" | "open-crm" | "select-attribute-channel", ...args: any[]) => void;
-        contact: Record<string, any>;
+        $emit: (event: "close" | "select-attribute-channel" | "open-crm", ...args: any[]) => void;
         channels: unknown[];
+        contact: Record<string, any>;
         currentDialog: Record<string, any>;
         $props: {
-            readonly contact?: Record<string, any> | undefined;
             readonly channels?: unknown[] | undefined;
+            readonly contact?: Record<string, any> | undefined;
             readonly currentDialog?: Record<string, any> | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/2_elements/ContactInfo/styles/types.d.ts

@@ -0,0 +1,219 @@
+/**
+ * CSS переменные для компонента ContactInfo
+ */
+export interface ContactInfoThemeCSSVariables {
+    /** Верхний отступ контейнера информации о контакте */
+    '--chotto-contactinfo-margin-top': string;
+    /** Минимальная ширина контейнера информации о контакте */
+    '--chotto-contactinfo-min-width': string;
+    /** Размер шрифта контейнера информации о контакте */
+    '--chotto-contactinfo-font-size': string;
+    /** Нижний отступ списка атрибутов */
+    '--chotto-contactinfo-attribute-list-padding-bottom': string;
+    /** Левый отступ списка атрибутов */
+    '--chotto-contactinfo-attribute-list-margin-left': string;
+    /** Отображение элемента атрибута */
+    '--chotto-contactinfo-attribute-item-display': string;
+    /** Выравнивание элементов элемента атрибута по вертикали */
+    '--chotto-contactinfo-attribute-item-align-items': string;
+    /** Нижний отступ элемента атрибута */
+    '--chotto-contactinfo-attribute-item-margin-bottom': string;
+    /** Непрозрачность input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-opacity': string;
+    /** Позиционирование input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-position': string;
+    /** Ширина input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-width': string;
+    /** Высота input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-height': string;
+    /** Отображение label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-display': string;
+    /** Выравнивание элементов label элемента атрибута по вертикали */
+    '--chotto-contactinfo-attribute-item-label-align-items': string;
+    /** Курсор label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-cursor': string;
+    /** Отступы label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-margin': string;
+    /** Левый отступ значка текущего чата */
+    '--chotto-contactinfo-attribute-item-current-chat-badge-margin-left': string;
+    /** Размер шрифта значка текущего чата */
+    '--chotto-contactinfo-attribute-item-current-chat-badge-font-size': string;
+    /** Цвет значка текущего чата */
+    '--chotto-contactinfo-attribute-item-current-chat-badge-color': string;
+    /** Отображение кастомного радио */
+    '--chotto-contactinfo-custom-radio-display': string;
+    /** Выравнивание элементов кастомного радио по вертикали */
+    '--chotto-contactinfo-custom-radio-align-items': string;
+    /** Выравнивание содержимого кастомного радио по горизонтали */
+    '--chotto-contactinfo-custom-radio-justify-content': string;
+    /** Ширина кастомного радио */
+    '--chotto-contactinfo-custom-radio-width': string;
+    /** Высота кастомного радио */
+    '--chotto-contactinfo-custom-radio-height': string;
+    /** Граница кастомного радио */
+    '--chotto-contactinfo-custom-radio-border': string;
+    /** Радиус границы кастомного радио */
+    '--chotto-contactinfo-custom-radio-border-radius': string;
+    /** Правый отступ кастомного радио */
+    '--chotto-contactinfo-custom-radio-margin-right': string;
+    /** Сжатие кастомного радио */
+    '--chotto-contactinfo-custom-radio-flex-shrink': string;
+    /** Переход кастомного радио */
+    '--chotto-contactinfo-custom-radio-transition': string;
+    /** Позиционирование внутренней части радио */
+    '--chotto-contactinfo-radio-inner-position': string;
+    /** Ширина внутренней части радио */
+    '--chotto-contactinfo-radio-inner-width': string;
+    /** Высота внутренней части радио */
+    '--chotto-contactinfo-radio-inner-height': string;
+    /** Отображение внутренней части радио */
+    '--chotto-contactinfo-radio-inner-display': string;
+    /** Выравнивание элементов внутренней части радио по вертикали */
+    '--chotto-contactinfo-radio-inner-align-items': string;
+    /** Выравнивание содержимого внутренней части радио по горизонтали */
+    '--chotto-contactinfo-radio-inner-justify-content': string;
+    /** Переход внутренней части радио */
+    '--chotto-contactinfo-radio-inner-transition': string;
+    /** Цвет границы кастомного радио при наведении на label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-hover-custom-radio-border-color': string;
+    /** Нижний отступ секции канала */
+    '--chotto-contactinfo-channel-section-margin-bottom': string;
+    /** Отображение метки канала */
+    '--chotto-contactinfo-channel-label-display': string;
+    /** Размер шрифта метки канала */
+    '--chotto-contactinfo-channel-label-font-size': string;
+    /** Цвет метки канала */
+    '--chotto-contactinfo-channel-label-color': string;
+    /** Отступы метки канала */
+    '--chotto-contactinfo-channel-label-margin': string;
+    /** Позиционирование кастомного селекта */
+    '--chotto-contactinfo-custom-select-position': string;
+    /** Ширина кастомного селекта */
+    '--chotto-contactinfo-custom-select-width': string;
+    /** Отображение триггера селекта */
+    '--chotto-contactinfo-select-trigger-display': string;
+    /** Выравнивание элементов триггера селекта по вертикали */
+    '--chotto-contactinfo-select-trigger-align-items': string;
+    /** Отступы триггера селекта */
+    '--chotto-contactinfo-select-trigger-padding': string;
+    /** Граница триггера селекта */
+    '--chotto-contactinfo-select-trigger-border': string;
+    /** Радиус границы триггера селекта */
+    '--chotto-contactinfo-select-trigger-border-radius': string;
+    /** Фон триггера селекта */
+    '--chotto-contactinfo-select-trigger-background': string;
+    /** Курсор триггера селекта */
+    '--chotto-contactinfo-select-trigger-cursor': string;
+    /** Размер шрифта триггера селекта */
+    '--chotto-contactinfo-select-trigger-font-size': string;
+    /** Цвет триггера селекта */
+    '--chotto-contactinfo-select-trigger-color': string;
+    /** Выбор текста триггера селекта */
+    '--chotto-contactinfo-select-trigger-user-select': string;
+    /** Левый отступ триггера селекта */
+    '--chotto-contactinfo-select-trigger-margin-left': string;
+    /** Ширина иконки */
+    '--chotto-contactinfo-icon-width': string;
+    /** Высота иконки */
+    '--chotto-contactinfo-icon-height': string;
+    /** Правый отступ иконки */
+    '--chotto-contactinfo-icon-margin-right': string;
+    /** Отображение иконки */
+    '--chotto-contactinfo-icon-display': string;
+    /** Выравнивание элементов иконки по вертикали */
+    '--chotto-contactinfo-icon-align-items': string;
+    /** Выравнивание содержимого иконки по горизонтали */
+    '--chotto-contactinfo-icon-justify-content': string;
+    /** Ширина SVG иконки */
+    '--chotto-contactinfo-icon-svg-width': string;
+    /** Высота SVG иконки */
+    '--chotto-contactinfo-icon-svg-height': string;
+    /** Левый отступ стрелки */
+    '--chotto-contactinfo-arrow-margin-left': string;
+    /** Переход стрелки */
+    '--chotto-contactinfo-arrow-transition': string;
+    /** Трансформация открытой стрелки */
+    '--chotto-contactinfo-arrow-open-transform': string;
+    /** Позиционирование опций селекта */
+    '--chotto-contactinfo-select-options-position': string;
+    /** Верхняя позиция опций селекта */
+    '--chotto-contactinfo-select-options-top': string;
+    /** Левая позиция опций селекта */
+    '--chotto-contactinfo-select-options-left': string;
+    /** Правая позиция опций селекта */
+    '--chotto-contactinfo-select-options-right': string;
+    /** Фон опций селекта */
+    '--chotto-contactinfo-select-options-background': string;
+    /** Граница опций селекта */
+    '--chotto-contactinfo-select-options-border': string;
+    /** Верхняя граница опций селекта */
+    '--chotto-contactinfo-select-options-border-top': string;
+    /** Радиус границы опций селекта */
+    '--chotto-contactinfo-select-options-border-radius': string;
+    /** Максимальная высота опций селекта */
+    '--chotto-contactinfo-select-options-max-height': string;
+    /** Вертикальная прокрутка опций селекта */
+    '--chotto-contactinfo-select-options-overflow-y': string;
+    /** Z-index опций селекта */
+    '--chotto-contactinfo-select-options-z-index': string;
+    /** Тень опций селекта */
+    '--chotto-contactinfo-select-options-box-shadow': string;
+    /** Отображение опции селекта */
+    '--chotto-contactinfo-select-option-display': string;
+    /** Выравнивание элементов опции селекта по вертикали */
+    '--chotto-contactinfo-select-option-align-items': string;
+    /** Отступы опции селекта */
+    '--chotto-contactinfo-select-option-padding': string;
+    /** Курсор опции селекта */
+    '--chotto-contactinfo-select-option-cursor': string;
+    /** Размер шрифта опции селекта */
+    '--chotto-contactinfo-select-option-font-size': string;
+    /** Цвет опции селекта */
+    '--chotto-contactinfo-select-option-color': string;
+    /** Выбор текста опции селекта */
+    '--chotto-contactinfo-select-option-user-select': string;
+    /** Цвет фона опции селекта при наведении */
+    '--chotto-contactinfo-select-option-hover-background-color': string;
+    /** Ширина разделителя */
+    '--chotto-contactinfo-divider-width': string;
+    /** Высота разделителя */
+    '--chotto-contactinfo-divider-height': string;
+    /** Цвет фона разделителя */
+    '--chotto-contactinfo-divider-background-color': string;
+    /** Нижний отступ разделителя */
+    '--chotto-contactinfo-divider-margin-bottom': string;
+    /** Левый отступ разделителя */
+    '--chotto-contactinfo-divider-margin-left': string;
+    /** Отображение кнопки */
+    '--chotto-contactinfo-button-display': string;
+    /** Выравнивание элементов кнопки по вертикали */
+    '--chotto-contactinfo-button-align-items': string;
+    /** Отступ между элементами кнопки */
+    '--chotto-contactinfo-button-gap': string;
+    /** Отступы кнопки */
+    '--chotto-contactinfo-button-padding': string;
+    /** Ширина кнопки */
+    '--chotto-contactinfo-button-width': string;
+    /** Граница кнопки */
+    '--chotto-contactinfo-button-border': string;
+    /** Фон кнопки */
+    '--chotto-contactinfo-button-background': string;
+    /** Курсор кнопки */
+    '--chotto-contactinfo-button-cursor': string;
+    /** Цвет кнопки */
+    '--chotto-contactinfo-button-color': string;
+    /** Размер шрифта кнопки */
+    '--chotto-contactinfo-button-font-size': string;
+    /** Выравнивание текста кнопки */
+    '--chotto-contactinfo-button-text-align': string;
+    /** Радиус границы кнопки */
+    '--chotto-contactinfo-button-border-radius': string;
+    /** Переход кнопки */
+    '--chotto-contactinfo-button-transition': string;
+    /** Цвет фона кнопки при наведении */
+    '--chotto-contactinfo-button-hover-background-color': string;
+    /** Ширина SVG/изображения кнопки */
+    '--chotto-contactinfo-button-svg-img-width': string;
+    /** Высота SVG/изображения кнопки */
+    '--chotto-contactinfo-button-svg-img-height': string;
+}

package/dist/types/components/2_elements/ThemeMode/styles/types.d.ts

@@ -0,0 +1,99 @@
+/**
+ * CSS переменные для компонента ThemeMode
+ */
+export interface ThemeModeThemeCSSVariables {
+    /** Отступы кнопки переключения темы */
+    '--chotto-thememode-button-margin': string;
+    /** Позиционирование переключателя */
+    '--chotto-thememode-switch-position': string;
+    /** Отображение переключателя */
+    '--chotto-thememode-switch-display': string;
+    /** Размеры переключателя */
+    '--chotto-thememode-switch-box-sizing': string;
+    /** Ширина переключателя */
+    '--chotto-thememode-switch-width': string;
+    /** Высота переключателя */
+    '--chotto-thememode-switch-height': string;
+    /** Граница переключателя */
+    '--chotto-thememode-switch-border': string;
+    /** Радиус границы переключателя */
+    '--chotto-thememode-switch-border-radius': string;
+    /** Фон переключателя */
+    '--chotto-thememode-switch-background': string;
+    /** Переход переключателя */
+    '--chotto-thememode-switch-transition': string;
+    /** Курсор переключателя */
+    '--chotto-thememode-switch-cursor': string;
+    /** Позиционирование span внутри переключателя */
+    '--chotto-thememode-switch-span-position': string;
+    /** Верхняя позиция span внутри переключателя */
+    '--chotto-thememode-switch-span-top': string;
+    /** Нижняя позиция span внутри переключателя */
+    '--chotto-thememode-switch-span-bottom': string;
+    /** Отступы span внутри переключателя */
+    '--chotto-thememode-switch-span-margin': string;
+    /** Отображение span внутри переключателя */
+    '--chotto-thememode-switch-span-display': string;
+    /** Выравнивание содержимого span внутри переключателя по горизонтали */
+    '--chotto-thememode-switch-span-justify-content': string;
+    /** Выравнивание содержимого span внутри переключателя по вертикали */
+    '--chotto-thememode-switch-span-align-items': string;
+    /** Цвет фона иконки солнца */
+    '--chotto-thememode-switch-sun-background-color': string;
+    /** Цвет иконки солнца */
+    '--chotto-thememode-switch-sun-color': string;
+    /** Левая позиция иконки солнца */
+    '--chotto-thememode-switch-sun-left': string;
+    /** Ширина иконки солнца */
+    '--chotto-thememode-switch-sun-width': string;
+    /** Высота иконки солнца */
+    '--chotto-thememode-switch-sun-height': string;
+    /** Радиус границы иконки солнца */
+    '--chotto-thememode-switch-sun-border-radius': string;
+    /** Переход иконки солнца */
+    '--chotto-thememode-switch-sun-transition': string;
+    /** Непрозрачность иконки луны */
+    '--chotto-thememode-switch-moon-opacity': string;
+    /** Цвет фона иконки луны */
+    '--chotto-thememode-switch-moon-background-color': string;
+    /** Цвет иконки луны */
+    '--chotto-thememode-switch-moon-color': string;
+    /** Ширина иконки луны */
+    '--chotto-thememode-switch-moon-width': string;
+    /** Высота иконки луны */
+    '--chotto-thememode-switch-moon-height': string;
+    /** Радиус границы иконки луны */
+    '--chotto-thememode-switch-moon-border-radius': string;
+    /** Переход иконки луны */
+    '--chotto-thememode-switch-moon-transition': string;
+    /** Отображение скрытого input */
+    '--chotto-thememode-input-display': string;
+    /** Ширина скрытого input */
+    '--chotto-thememode-input-width': string;
+    /** Высота скрытого input */
+    '--chotto-thememode-input-height': string;
+    /** Позиционирование скрытого input */
+    '--chotto-thememode-input-position': string;
+    /** Z-index скрытого input */
+    '--chotto-thememode-input-z-index': string;
+    /** Непрозрачность скрытого input */
+    '--chotto-thememode-input-opacity': string;
+    /** Фон переключателя в активном состоянии */
+    '--chotto-thememode-switch-checked-background': string;
+    /** Переход переключателя в активном состоянии */
+    '--chotto-thememode-switch-checked-transition': string;
+    /** Трансформация иконки солнца в активном состоянии */
+    '--chotto-thememode-switch-sun-checked-transform': string;
+    /** Непрозрачность иконки солнца в активном состоянии */
+    '--chotto-thememode-switch-sun-checked-opacity': string;
+    /** Переход иконки солнца в активном состоянии */
+    '--chotto-thememode-switch-sun-checked-transition': string;
+    /** Трансформация иконки луны в активном состоянии */
+    '--chotto-thememode-switch-moon-checked-transform': string;
+    /** Непрозрачность иконки луны в активном состоянии */
+    '--chotto-thememode-switch-moon-checked-opacity': string;
+    /** Переход иконки луны в активном состоянии */
+    '--chotto-thememode-switch-moon-checked-transition': string;
+    /** Ширина выбора */
+    '--chotto-thememode-select-width': string;
+}

package/dist/types/components/2_elements/UserProfile/styles/types.d.ts

@@ -0,0 +1,61 @@
+/**
+ * CSS переменные для компонента UserProfile
+ */
+export interface UserProfileThemeCSSVariables {
+    /** Отображение контейнера профиля пользователя */
+    '--chotto-userprofile-container-display': string;
+    /** Шаблон колонок сетки контейнера профиля пользователя */
+    '--chotto-userprofile-container-grid-template-columns': string;
+    /** Отступы контейнера профиля пользователя */
+    '--chotto-userprofile-container-padding': string;
+    /** Колонка сетки имени пользователя */
+    '--chotto-userprofile-name-grid-column': string;
+    /** Размер шрифта имени пользователя */
+    '--chotto-userprofile-name-font-size': string;
+    /** Отступы имени пользователя */
+    '--chotto-userprofile-name-margin': string;
+    /** Колонка сетки email пользователя */
+    '--chotto-userprofile-email-grid-column': string;
+    /** Размер шрифта email пользователя */
+    '--chotto-userprofile-email-font-size': string;
+    /** Отступы email пользователя */
+    '--chotto-userprofile-email-margin': string;
+    /** Колонка сетки телефона пользователя */
+    '--chotto-userprofile-phone-grid-column': string;
+    /** Размер шрифта телефона пользователя */
+    '--chotto-userprofile-phone-font-size': string;
+    /** Отступы телефона пользователя */
+    '--chotto-userprofile-phone-margin': string;
+    /** Строка сетки контейнера аватара */
+    '--chotto-userprofile-avatar-container-grid-row': string;
+    /** Позиционирование контейнера аватара */
+    '--chotto-userprofile-avatar-container-position': string;
+    /** Отображение контейнера аватара */
+    '--chotto-userprofile-avatar-container-display': string;
+    /** Отступы контейнера аватара */
+    '--chotto-userprofile-avatar-container-margin': string;
+    /** Радиус границы контейнера аватара */
+    '--chotto-userprofile-avatar-container-border-radius': string;
+    /** Радиус границы изображения контейнера аватара */
+    '--chotto-userprofile-avatar-container-img-border-radius': string;
+    /** Обрезка изображения контейнера аватара */
+    '--chotto-userprofile-avatar-container-img-object-fit': string;
+    /** Позиционирование статуса пользователя */
+    '--chotto-userprofile-status-position': string;
+    /** Позиция статуса пользователя снизу */
+    '--chotto-userprofile-status-bottom': string;
+    /** Позиция статуса пользователя справа */
+    '--chotto-userprofile-status-right': string;
+    /** Отображение статуса пользователя */
+    '--chotto-userprofile-status-display': string;
+    /** Ширина статуса пользователя */
+    '--chotto-userprofile-status-width': string;
+    /** Высота статуса пользователя */
+    '--chotto-userprofile-status-height': string;
+    /** Радиус границы статуса пользователя */
+    '--chotto-userprofile-status-border-radius': string;
+    /** Цвет фона статуса пользователя */
+    '--chotto-userprofile-status-background-color': string;
+    /** Z-index статуса пользователя */
+    '--chotto-userprofile-status-z-index': string;
+}

package/dist/types/components/2_elements/VideoRecorder/styles/types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * CSS переменные для компонента VideoRecorder
+ */
+export interface VideoRecorderThemeCSSVariables {
+    /** Позиционирование контейнера */
+    '--chotto-videorecorder-container-position': string;
+    /** Отображение контейнера */
+    '--chotto-videorecorder-container-display': string;
+    /** Выравнивание элементов контейнера по вертикали */
+    '--chotto-videorecorder-container-align-items': string;
+    /** Цвет фона контейнера */
+    '--chotto-videorecorder-container-background-color': string;
+    /** Высота контейнера */
+    '--chotto-videorecorder-container-height': string;
+    /** Цвет фона кнопки */
+    '--chotto-videorecorder-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-videorecorder-button-border': string;
+    /** Отображение span внутри кнопки */
+    '--chotto-videorecorder-button-span-display': string;
+    /** Курсор span внутри кнопки */
+    '--chotto-videorecorder-button-span-cursor': string;
+    /** Отступы span внутри кнопки */
+    '--chotto-videorecorder-button-span-padding': string;
+    /** Размер шрифта span внутри кнопки */
+    '--chotto-videorecorder-button-span-font-size': string;
+    /** Цвет span внутри кнопки */
+    '--chotto-videorecorder-button-span-color': string;
+    /** Цвет span внутри кнопки при наведении */
+    '--chotto-videorecorder-button-hover-span-color': string;
+    /** События указателя для отключенной кнопки */
+    '--chotto-videorecorder-button-disabled-pointer-events': string;
+    /** Курсор span внутри отключенной кнопки */
+    '--chotto-videorecorder-button-disabled-span-cursor': string;
+    /** Цвет span внутри отключенной кнопки */
+    '--chotto-videorecorder-button-disabled-span-color': string;
+}

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

@@ -0,0 +1,8 @@
+export { default as AudioRecorder } from './AudioRecorder/AudioRecorder.vue';
+export { default as ChannelSelector } from './ChannelSelector/ChannelSelector.vue';
+export { default as ChatInfo } from './ChatInfo/ChatInfo.vue';
+export { default as ChatPanel } from './ChatPanel/ChatPanel.vue';
+export { default as ContactInfo } from './ContactInfo/ContactInfo.vue';
+export { default as ThemeMode } from './ThemeMode/ThemeMode.vue';
+export { default as UserProfile } from './UserProfile/UserProfile.vue';
+export { default as VideoRecorder } from './VideoRecorder/VideoRecorder.vue';

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