@mobilon-dev/chotto 0.3.32 → 0.3.34

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -5,12 +5,14 @@ declare const _default: import("vue").DefineComponent<{}, {
     contactAttributes: unknown[];
     recentAttributeChannels: Record<string, any>;
     selectedDialog: Record<string, any>;
+    showChannelIcons: boolean;
     $props: {
         readonly channels?: unknown[] | undefined;
         readonly channelTooltips?: Record<string, any> | undefined;
         readonly contactAttributes?: unknown[] | undefined;
         readonly recentAttributeChannels?: Record<string, any> | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
+        readonly showChannelIcons?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -8,12 +8,14 @@ declare const meta: {
         contactAttributes: unknown[];
         recentAttributeChannels: Record<string, any>;
         selectedDialog: Record<string, any>;
+        showChannelIcons: boolean;
         $props: {
             readonly channels?: unknown[] | undefined;
             readonly channelTooltips?: Record<string, any> | undefined;
             readonly contactAttributes?: unknown[] | undefined;
             readonly recentAttributeChannels?: Record<string, any> | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
+            readonly showChannelIcons?: boolean | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     args: {};

package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts

@@ -152,6 +152,8 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-menu-right': string;
     /** Цвет фона меню атрибутов */
     '--chotto-communicationpanel-menu-background': string;
+    /** Backdrop filter меню атрибутов */
+    '--chotto-communicationpanel-menu-backdrop-filter': string;
     /** Граница меню атрибутов */
     '--chotto-communicationpanel-menu-border': string;
     /** Радиус границы меню атрибутов */
@@ -288,6 +290,8 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-submenu-left': string;
     /** Цвет фона подменю */
     '--chotto-communicationpanel-submenu-background': string;
+    /** Backdrop filter подменю */
+    '--chotto-communicationpanel-submenu-backdrop-filter': string;
     /** Граница подменю */
     '--chotto-communicationpanel-submenu-border': string;
     /** Радиус границы подменю */

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

@@ -1,11 +1,35 @@
-declare const _default: import("vue").DefineComponent<{}, {
+import 'vue3-emoji-picker-ru/css';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    native: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    native: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
     mode: string;
     state: string;
     native: boolean;
-    $props: {
-        readonly mode?: string | undefined;
-        readonly state?: string | undefined;
-        readonly native?: boolean | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -32,4 +32,10 @@ export interface ButtonEmojiPickerThemeCSSVariables {
     '--chotto-buttonemojipicker-emoji-bottom': string;
     /** З-индекс эмодзи-пикера */
     '--chotto-buttonemojipicker-emoji-z-index': string;
+    /** Цвет фона эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-picker-bg': string;
+    /** Цвет текста эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-picker-text-color': string;
+    /** Эффект размытия фона эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-picker-backdrop-filter': string;
 }

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

@@ -1,17 +1,65 @@
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    templates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    groupTemplates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    mode: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevatedWindow: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    chatBackground: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    templates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    groupTemplates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    mode: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevatedWindow: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    chatBackground: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
     mode: string;
     state: string;
     templates: unknown[];
     groupTemplates: unknown[];
     elevatedWindow: boolean;
-    chatBackground?: string | undefined;
-    $props: {
-        readonly mode?: string | undefined;
-        readonly state?: string | undefined;
-        readonly templates?: unknown[] | undefined;
-        readonly groupTemplates?: unknown[] | undefined;
-        readonly elevatedWindow?: boolean | undefined;
-        readonly chatBackground?: string | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    chatBackground: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue.d.ts

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue.d.ts

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,25 @@
+import '@/components/2_feed_elements/StickerMessage/utils/suppress-lit-warning';
+interface Sticker {
+    url: string;
+    alt?: string;
+}
+interface StickerTab {
+    id?: string;
+    label?: string;
+    stickers: Sticker[];
+    iconUrl?: string | null;
+}
+type StickerData = Sticker[] | Sticker[][] | StickerTab[];
+type __VLS_Props = {
+    state?: string;
+    mode?: 'click' | 'hover';
+    stickers?: StickerData;
+    emptyText?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mode: "click" | "hover";
+    state: string;
+    stickers: StickerData;
+    emptyText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/2_chatinput_elements/StickerPicker/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as StickerIcon } from './StickerIcon.vue';

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import StickerPicker from '../StickerPicker.vue';
+declare const meta: Meta<typeof StickerPicker>;
+export default meta;
+type Story = StoryObj<typeof StickerPicker>;
+export declare const Default: Story;
+export declare const ClickMode: Story;
+export declare const HoverMode: Story;
+export declare const Disabled: Story;
+export declare const Empty: Story;
+export declare const WithTabs: Story;
+export declare const SingleTab: Story;

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

@@ -0,0 +1,275 @@
+/**
+ * CSS переменные для компонента StickerPicker
+ */
+export interface StickerPickerThemeCSSVariables {
+    /** Цвет фона кнопки */
+    '--chotto-stickerpicker-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-stickerpicker-button-border': string;
+    /** Высота кнопки */
+    '--chotto-stickerpicker-button-height': string;
+    /** Отображение span кнопки */
+    '--chotto-stickerpicker-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-stickerpicker-button-span-cursor': string;
+    /** Отступы span кнопки */
+    '--chotto-stickerpicker-button-span-padding': string;
+    /** Размер шрифта span кнопки */
+    '--chotto-stickerpicker-button-span-font-size': string;
+    /** Цвет span кнопки */
+    '--chotto-stickerpicker-button-span-color': string;
+    /** Цвет span кнопки при наведении */
+    '--chotto-stickerpicker-button-span-hover-color': string;
+    /** События указателя отключенной кнопки */
+    '--chotto-stickerpicker-button-disabled-pointer-events': string;
+    /** Курсор span отключенной кнопки */
+    '--chotto-stickerpicker-button-disabled-span-cursor': string;
+    /** Цвет span отключенной кнопки */
+    '--chotto-stickerpicker-button-disabled-span-color': string;
+    /** Позиционирование пикера стикеров */
+    '--chotto-stickerpicker-picker-position': string;
+    /** Позиция пикера снизу */
+    '--chotto-stickerpicker-picker-bottom': string;
+    /** Z-индекс пикера */
+    '--chotto-stickerpicker-picker-z-index': string;
+    /** Цвет фона пикера */
+    '--chotto-stickerpicker-picker-background-color': string;
+    /** Скругление углов пикера */
+    '--chotto-stickerpicker-picker-border-radius': string;
+    /** Тень пикера */
+    '--chotto-stickerpicker-picker-box-shadow': string;
+    /** Отступы пикера */
+    '--chotto-stickerpicker-picker-padding': string;
+    /** Ширина пикера */
+    '--chotto-stickerpicker-picker-width': string;
+    /** Высота пикера */
+    '--chotto-stickerpicker-picker-height': string;
+    /** Отображение пикера */
+    '--chotto-stickerpicker-picker-display': string;
+    /** Направление flex пикера */
+    '--chotto-stickerpicker-picker-flex-direction': string;
+    /** Переполнение пикера */
+    '--chotto-stickerpicker-picker-overflow': string;
+    /** Отображение контейнера */
+    '--chotto-stickerpicker-container-display': string;
+    /** Направление flex контейнера */
+    '--chotto-stickerpicker-container-flex-direction': string;
+    /** Переполнение контейнера */
+    '--chotto-stickerpicker-container-overflow': string;
+    /** Flex контента */
+    '--chotto-stickerpicker-content-flex': string;
+    /** Переполнение по вертикали контента */
+    '--chotto-stickerpicker-content-overflow-y': string;
+    /** Переполнение по горизонтали контента */
+    '--chotto-stickerpicker-content-overflow-x': string;
+    /** Ширина скроллбара контента (Firefox) */
+    '--chotto-stickerpicker-content-scrollbar-width': string;
+    /** Цвет скроллбара контента (Firefox) */
+    '--chotto-stickerpicker-content-scrollbar-color': string;
+    /** Минимальная высота контента */
+    '--chotto-stickerpicker-content-min-height': string;
+    /** Ширина скроллбара контента (webkit) */
+    '--chotto-stickerpicker-content-scrollbar-width-webkit': string;
+    /** Фон трека скроллбара контента */
+    '--chotto-stickerpicker-content-scrollbar-track-background': string;
+    /** Цвет фона ползунка скроллбара контента */
+    '--chotto-stickerpicker-content-scrollbar-thumb-background-color': string;
+    /** Скругление ползунка скроллбара контента */
+    '--chotto-stickerpicker-content-scrollbar-thumb-border-radius': string;
+    /** Отступы пустого состояния */
+    '--chotto-stickerpicker-empty-padding': string;
+    /** Выравнивание текста пустого состояния */
+    '--chotto-stickerpicker-empty-text-align': string;
+    /** Цвет текста пустого состояния */
+    '--chotto-stickerpicker-empty-color': string;
+    /** Размер шрифта пустого состояния */
+    '--chotto-stickerpicker-empty-font-size': string;
+    /** Отображение сетки */
+    '--chotto-stickerpicker-grid-display': string;
+    /** Колонки сетки */
+    '--chotto-stickerpicker-grid-template-columns': string;
+    /** Отступы между элементами сетки */
+    '--chotto-stickerpicker-grid-gap': string;
+    /** Фон элемента стикера */
+    '--chotto-stickerpicker-item-background': string;
+    /** Граница элемента стикера */
+    '--chotto-stickerpicker-item-border': string;
+    /** Скругление углов элемента */
+    '--chotto-stickerpicker-item-border-radius': string;
+    /** Отступы элемента */
+    '--chotto-stickerpicker-item-padding': string;
+    /** Курсор элемента */
+    '--chotto-stickerpicker-item-cursor': string;
+    /** Переход элемента */
+    '--chotto-stickerpicker-item-transition': string;
+    /** Соотношение сторон элемента */
+    '--chotto-stickerpicker-item-aspect-ratio': string;
+    /** Фон элемента при наведении */
+    '--chotto-stickerpicker-item-hover-background-color': string;
+    /** Ширина изображения */
+    '--chotto-stickerpicker-image-width': string;
+    /** Высота изображения */
+    '--chotto-stickerpicker-image-height': string;
+    /** Объект-фит изображения */
+    '--chotto-stickerpicker-image-object-fit': string;
+    /** Отображение изображения */
+    '--chotto-stickerpicker-image-display': string;
+    /** Ширина анимированного изображения (TGS) */
+    '--chotto-stickerpicker-image-animated-width': string;
+    /** Высота анимированного изображения (TGS) */
+    '--chotto-stickerpicker-image-animated-height': string;
+    /** Отображение вкладок */
+    '--chotto-stickerpicker-tabs-display': string;
+    /** Отступы между вкладками */
+    '--chotto-stickerpicker-tabs-gap': string;
+    /** Отступ снизу вкладок */
+    '--chotto-stickerpicker-tabs-padding-bottom': string;
+    /** Отступ снизу вкладок */
+    '--chotto-stickerpicker-tabs-margin-bottom': string;
+    /** Граница снизу вкладок */
+    '--chotto-stickerpicker-tabs-border-bottom': string;
+    /** Переполнение по горизонтали */
+    '--chotto-stickerpicker-tabs-overflow-x': string;
+    /** Переполнение по вертикали */
+    '--chotto-stickerpicker-tabs-overflow-y': string;
+    /** Ширина скроллбара (Firefox) */
+    '--chotto-stickerpicker-tabs-scrollbar-width': string;
+    /** Цвет скроллбара (Firefox) */
+    '--chotto-stickerpicker-tabs-scrollbar-color': string;
+    /** Сжатие вкладок */
+    '--chotto-stickerpicker-tabs-flex-shrink': string;
+    /** Отображение скроллбара (webkit) */
+    '--chotto-stickerpicker-tabs-scrollbar-display': string;
+    /** Ширина скроллбара (webkit) */
+    '--chotto-stickerpicker-tabs-scrollbar-width-webkit': string;
+    /** Высота скроллбара (webkit) */
+    '--chotto-stickerpicker-tabs-scrollbar-height': string;
+    /** Фон вкладки */
+    '--chotto-stickerpicker-tab-background': string;
+    /** Граница вкладки */
+    '--chotto-stickerpicker-tab-border': string;
+    /** Скругление углов вкладки */
+    '--chotto-stickerpicker-tab-border-radius': string;
+    /** Отступы вкладки */
+    '--chotto-stickerpicker-tab-padding': string;
+    /** Курсор вкладки */
+    '--chotto-stickerpicker-tab-cursor': string;
+    /** Переход вкладки */
+    '--chotto-stickerpicker-tab-transition': string;
+    /** Сжатие вкладки */
+    '--chotto-stickerpicker-tab-flex-shrink': string;
+    /** Ширина вкладки */
+    '--chotto-stickerpicker-tab-width': string;
+    /** Высота вкладки */
+    '--chotto-stickerpicker-tab-height': string;
+    /** Отображение вкладки */
+    '--chotto-stickerpicker-tab-display': string;
+    /** Выравнивание элементов вкладки */
+    '--chotto-stickerpicker-tab-align-items': string;
+    /** Выравнивание по главной оси вкладки */
+    '--chotto-stickerpicker-tab-justify-content': string;
+    /** Позиционирование вкладки */
+    '--chotto-stickerpicker-tab-position': string;
+    /** Фон вкладки при наведении */
+    '--chotto-stickerpicker-tab-hover-background-color': string;
+    /** Фон активной вкладки */
+    '--chotto-stickerpicker-tab-active-background-color': string;
+    /** Ширина индикатора активной вкладки */
+    '--chotto-stickerpicker-tab-active-indicator-width': string;
+    /** Высота индикатора активной вкладки */
+    '--chotto-stickerpicker-tab-active-indicator-height': string;
+    /** Цвет индикатора активной вкладки */
+    '--chotto-stickerpicker-tab-active-indicator-color': string;
+    /** Скругление индикатора активной вкладки */
+    '--chotto-stickerpicker-tab-active-indicator-border-radius': string;
+    /** Ширина иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-width': string;
+    /** Высота иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-height': string;
+    /** Объект-фит иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-object-fit': string;
+    /** Отображение иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-display': string;
+    /** Ширина анимированной иконки вкладки (TGS) */
+    '--chotto-stickerpicker-tab-icon-animated-width': string;
+    /** Высота анимированной иконки вкладки (TGS) */
+    '--chotto-stickerpicker-tab-icon-animated-height': string;
+    /** Ширина плейсхолдера иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-placeholder-width': string;
+    /** Высота плейсхолдера иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-placeholder-height': string;
+    /** Отображение плейсхолдера иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-placeholder-display': string;
+    /** Выравнивание плейсхолдера иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-placeholder-align-items': string;
+    /** Выравнивание по главной оси плейсхолдера иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-placeholder-justify-content': string;
+    /** Цвет плейсхолдера иконки вкладки */
+    '--chotto-stickerpicker-tab-icon-placeholder-color': string;
+    /** Позиционирование предпросмотра */
+    '--chotto-stickerpicker-preview-position': string;
+    /** Z-индекс предпросмотра */
+    '--chotto-stickerpicker-preview-z-index': string;
+    /** События указателя предпросмотра */
+    '--chotto-stickerpicker-preview-pointer-events': string;
+    /** Курсор предпросмотра */
+    '--chotto-stickerpicker-preview-cursor': string;
+    /** Цвет фона предпросмотра */
+    '--chotto-stickerpicker-preview-background-color': string;
+    /** Скругление углов предпросмотра */
+    '--chotto-stickerpicker-preview-border-radius': string;
+    /** Отступы предпросмотра */
+    '--chotto-stickerpicker-preview-padding': string;
+    /** Тень предпросмотра */
+    '--chotto-stickerpicker-preview-box-shadow': string;
+    /** Отображение предпросмотра */
+    '--chotto-stickerpicker-preview-display': string;
+    /** Направление flex предпросмотра */
+    '--chotto-stickerpicker-preview-flex-direction': string;
+    /** Выравнивание элементов предпросмотра */
+    '--chotto-stickerpicker-preview-align-items': string;
+    /** Отступы между элементами предпросмотра */
+    '--chotto-stickerpicker-preview-gap': string;
+    /** Минимальная ширина предпросмотра */
+    '--chotto-stickerpicker-preview-min-width': string;
+    /** Максимальная ширина предпросмотра */
+    '--chotto-stickerpicker-preview-max-width': string;
+    /** Позиция слева предпросмотра */
+    '--chotto-stickerpicker-preview-left': string;
+    /** Позиция сверху предпросмотра */
+    '--chotto-stickerpicker-preview-top': string;
+    /** Трансформация предпросмотра */
+    '--chotto-stickerpicker-preview-transform': string;
+    /** Ширина изображения предпросмотра */
+    '--chotto-stickerpicker-preview-image-width': string;
+    /** Высота изображения предпросмотра */
+    '--chotto-stickerpicker-preview-image-height': string;
+    /** Объект-фит изображения предпросмотра */
+    '--chotto-stickerpicker-preview-image-object-fit': string;
+    /** Отображение изображения предпросмотра */
+    '--chotto-stickerpicker-preview-image-display': string;
+    /** Ширина анимированного изображения предпросмотра (TGS) */
+    '--chotto-stickerpicker-preview-image-animated-width': string;
+    /** Высота анимированного изображения предпросмотра (TGS) */
+    '--chotto-stickerpicker-preview-image-animated-height': string;
+    /** Цвет текста метки предпросмотра */
+    '--chotto-stickerpicker-preview-label-color': string;
+    /** Размер шрифта метки предпросмотра */
+    '--chotto-stickerpicker-preview-label-font-size': string;
+    /** Выравнивание текста метки предпросмотра */
+    '--chotto-stickerpicker-preview-label-text-align': string;
+    /** Перенос слов метки предпросмотра */
+    '--chotto-stickerpicker-preview-label-word-wrap': string;
+    /** Максимальная ширина метки предпросмотра */
+    '--chotto-stickerpicker-preview-label-max-width': string;
+    /** Переход предпросмотра */
+    '--chotto-stickerpicker-preview-transition': string;
+    /** Прозрачность при входе предпросмотра */
+    '--chotto-stickerpicker-preview-enter-opacity': string;
+    /** Трансформация при входе предпросмотра */
+    '--chotto-stickerpicker-preview-enter-transform': string;
+    /** Прозрачность при завершении входа предпросмотра */
+    '--chotto-stickerpicker-preview-enter-to-opacity': string;
+    /** Трансформация при завершении входа предпросмотра */
+    '--chotto-stickerpicker-preview-enter-to-transform': string;
+}

package/dist/types/components/2_chatlist_elements/ChatItem/ChatItem.vue.d.ts

@@ -2,6 +2,7 @@ import { IAction, IChatItem, IChatDialog } from './types';
 type __VLS_Props = {
     chat: IChatItem;
     showDialogs?: boolean;
+    contextMenuTrigger?: 'hover' | 'rightClick';
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: {
@@ -23,5 +24,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onExpand?: ((args_0: IChatItem) => any) | undefined;
 }>, {
     showDialogs: boolean;
+    contextMenuTrigger: "hover" | "rightClick";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/styles/types.d.ts

@@ -106,6 +106,8 @@ export interface ChatItemThemeCSSVariables {
     '--chotto-chatitem-name-font-size': string;
     /** Толщина шрифта имени */
     '--chotto-chatitem-name-font-weight': string;
+    /** Цвет текста имени */
+    '--chotto-chatitem-name-text-color': string;
     /** Переполнение последнего сообщения */
     '--chotto-chatitem-last-message-overflow': string;
     /** Обрезка текста последнего сообщения */

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

@@ -10,6 +10,8 @@ export interface ChatInfoThemeCSSVariables {
     '--chotto-chatinfo-container-border-bottom': string;
     /** Цвет фона контейнера информации о чате */
     '--chotto-chatinfo-container-background-color': string;
+    /** Эффект размытия фона контейнера информации о чате */
+    '--chotto-chatinfo-container-backdrop-filter': string;
     /** Максимальная высота контейнера информации о чате */
     '--chotto-chatinfo-container-max-height': string;
     /** Отображение базовой линии */

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

@@ -66,6 +66,8 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-right-arrow-height': string;
     /** Базовая рамка хвостика справа */
     '--chotto-audiomessage-right-arrow-border': string;
+    /** Верхняя часть рамки хвостика справа (цвет пузыря) */
+    '--chotto-audiomessage-right-arrow-border-top': string;
     /** Слой псевдоэлемента справа */
     '--chotto-audiomessage-right-arrow-z-index': string;
     /** Позиционирование контейнера аудио-плеера */
@@ -98,6 +100,10 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-play-pause-height': string;
     /** Скругление кнопки play/pause */
     '--chotto-audiomessage-play-pause-border-radius': string;
+    /** Эффект размытия фона кнопки play/pause */
+    '--chotto-audiomessage-play-pause-backdrop-filter': string;
+    /** Тень кнопки play/pause */
+    '--chotto-audiomessage-play-pause-box-shadow': string;
     /** Отображение кнопки play/pause */
     '--chotto-audiomessage-play-pause-display': string;
     /** Выравнивание элементов кнопки play/pause */
@@ -468,8 +474,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-content-border-radius': string;
     /** Цвет фона левого пузыря */
     '--chotto-audiomessage-left-background-color': string;
+    /** Эффект размытия фона левого пузыря */
+    '--chotto-audiomessage-left-backdrop-filter': string;
+    /** Граница левого пузыря */
+    '--chotto-audiomessage-left-border': string;
+    /** Тень левого пузыря */
+    '--chotto-audiomessage-left-box-shadow': string;
     /** Цвет фона правого пузыря */
     '--chotto-audiomessage-right-background-color': string;
+    /** Эффект размытия фона правого пузыря */
+    '--chotto-audiomessage-right-backdrop-filter': string;
+    /** Граница правого пузыря */
+    '--chotto-audiomessage-right-border': string;
+    /** Тень правого пузыря */
+    '--chotto-audiomessage-right-box-shadow': string;
     /** Цвет фона иконки типа сообщения (play/pause) */
     '--chotto-audiomessage-type-icon-background-color': string;
     /** Размер иконки типа сообщения (play/pause) */