@mobilon-dev/chotto 0.3.83 → 0.3.85

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

@@ -16,6 +16,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -47,6 +60,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -63,9 +89,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
     channel: string;
+    currentUserId: string | number | undefined;
+    reactionUserNames: Record<string, string>;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;
+    reactionsMode: "single" | "multi";
     subtextTooltipData: Record<string, string>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -114,6 +114,22 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-filename-text-font-size': string;
     /** Цвет имени файла */
     '--chotto-filemessage-filename-text-color': string;
+    /** Отображение футера (реакции + время) */
+    '--chotto-filemessage-footer-display': string;
+    /** Выравнивание элементов футера по поперечной оси */
+    '--chotto-filemessage-footer-align-items': string;
+    /** Выравнивание элементов футера по главной оси */
+    '--chotto-filemessage-footer-justify-content': string;
+    /** Промежуток между элементами футера */
+    '--chotto-filemessage-footer-column-gap': string;
+    /** Отступ сверху футера */
+    '--chotto-filemessage-footer-margin-top': string;
+    /** Растягивание блока реакций в футере */
+    '--chotto-filemessage-reactions-flex': string;
+    /** Перенос реакций */
+    '--chotto-filemessage-reactions-flex-wrap': string;
+    /** Минимальная ширина блока реакций */
+    '--chotto-filemessage-reactions-min-width': string;
     /** Отображение контейнера информации */
     '--chotto-filemessage-info-container-display': string;
     /** Выравнивание элементов контейнера информации */
@@ -122,6 +138,10 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-info-container-justify-content': string;
     /** Промежуток между элементами контейнера информации */
     '--chotto-filemessage-info-container-column-gap': string;
+    /** Сжатие контейнера информации */
+    '--chotto-filemessage-info-container-flex-shrink': string;
+    /** Отступ слева у контейнера информации */
+    '--chotto-filemessage-info-container-margin-left': string;
     /** Отступ снизу кнопки скачивания */
     '--chotto-filemessage-download-button-margin-bottom': string;
     /** Отступ слева кнопки скачивания */

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

@@ -16,6 +16,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -47,6 +60,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -63,9 +89,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
     channel: string;
+    currentUserId: string | number | undefined;
+    reactionUserNames: Record<string, string>;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;
+    reactionsMode: "single" | "multi";
     subtextTooltipData: Record<string, string>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -358,6 +358,8 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-right-context-menu-right': string;
     /** Отступ контекстного меню справа сверху */
     '--chotto-imagemessage-right-context-menu-margin-top': string;
+    /** Внешние отступы реакций */
+    '--chotto-imagemessage-reactions-margin': string;
     /** Ширина изображения в модальном окне */
     '--chotto-imagemessage-modal-image-width': string;
     /** Высота изображения в модальном окне */

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts

@@ -1,5 +1,6 @@
 import 'vue3-emoji-picker-ru/css';
-import type { MessageReactions } from '@/types';
+import type { MessageReactions, Reply } from '@/types';
+import { type ReactionsMode } from './composables';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     reactions: {
         type: () => MessageReactions | undefined;
@@ -18,6 +19,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    mode: {
+        type: () => ReactionsMode;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
+    currentUserName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** userId → имя (если в item нет name) */
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
+    reply: {
+        type: () => Reply | undefined;
+        default: undefined;
+    };
+    replyEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "toggle-reaction": (payload: {
         messageId: string | number;
@@ -49,6 +78,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    mode: {
+        type: () => ReactionsMode;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
+    currentUserName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** userId → имя (если в item нет name) */
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
+    reply: {
+        type: () => Reply | undefined;
+        default: undefined;
+    };
+    replyEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onToggle-reaction"?: ((payload: {
         messageId: string | number;
@@ -63,8 +120,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         key: string;
     }) => any) | undefined;
 }>, {
+    reply: Reply | undefined;
+    mode: ReactionsMode;
     reactions: MessageReactions | undefined;
     readonly: boolean;
     enabled: boolean;
+    currentUserId: string | number | undefined;
+    currentUserName: string;
+    reactionUserNames: Record<string, string>;
+    replyEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-export { findFeedContainer, isRightMessage, calculatePanelPosition, calculateFixedPanelPosition, } from './usePositioning';
-export { updateLocalReactionsAdd, updateLocalReactionsRemove, updateLocalReactionsToggle, } from './useReactions';
+export { findFeedContainer, findMessageContent, isRightMessage, calculatePanelPosition, calculateFixedPanelPosition, calculatePickerPositionAboveQuickPanel, } from './usePositioning';
+export { updateLocalReactionsAdd, updateLocalReactionsRemove, updateLocalReactionsToggle, updateLocalReactionsReplace, aggregateReactions, hasMyReaction, getMyReactionKey, sameUserId, type ReactionsMode, } from './useReactions';
 export { useReactionsState } from './useReactionsState';
 export { useReactionsPanel } from './useReactionsPanel';

package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts

@@ -2,15 +2,25 @@
  * Находит ближайший feed-контейнер в DOM дереве
  */
 export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
+/**
+ * Находит контейнер содержимого сообщения (например, text-message__content)
+ */
+export declare function findMessageContent(element: HTMLElement | null): HTMLElement | null;
 /**
  * Определяет, является ли сообщение правым (outgoing)
  */
 export declare function isRightMessage(element: HTMLElement | null): boolean;
 /**
- * Вычисляет позицию панели реакций относительно кнопки и feed контейнера
+ * Вычисляет позицию панели быстрых реакций в координатах viewport (position: fixed):
+ * по центру высоты, слева для правых сообщений и справа для левых.
+ * Fixed нужен, чтобы панель не обрезалась overflow ленты и могла перекрывать ChatList.
  */
 export declare function calculatePanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
 /**
  * Вычисляет позицию для fixed-элемента относительно viewport
  */
 export declare function calculateFixedPanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
+/**
+ * Вычисляет позицию EmojiPicker над панелью быстрых реакций
+ */
+export declare function calculatePickerPositionAboveQuickPanel(pickerElement: HTMLElement | null, quickPanelElement: HTMLElement | null, messageElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts

@@ -1,19 +1,27 @@
-import type { MessageReactions } from '@/types';
+import type { MessageReactionChip, MessageReactions } from '@/types';
+export type ReactionsMode = 'single' | 'multi';
+export type ReactionsRef = {
+    value: MessageReactions | undefined;
+};
+export declare function sameUserId(a: string | number | undefined | null, b: string | number | undefined | null): boolean;
+export declare function hasMyReaction(localReactions: ReactionsRef, key: string, currentUserId: string | number | undefined | null): boolean;
+export declare function getMyReactionKey(localReactions: ReactionsRef, currentUserId: string | number | undefined | null): string | undefined;
+/** Группирует event-list в чипы для UI */
+export declare function aggregateReactions(reactions: MessageReactions | undefined, currentUserId: string | number | undefined | null): MessageReactionChip[];
 /**
- * Добавляет или увеличивает реакцию в локальном состоянии
+ * Добавляет реакцию текущего пользователя
  */
-export declare function updateLocalReactionsAdd(localReactions: {
-    value: MessageReactions | undefined;
-}, key: string): void;
+export declare function updateLocalReactionsAdd(localReactions: ReactionsRef, key: string, currentUserId: string | number, mode?: ReactionsMode, name?: string): void;
 /**
- * Удаляет или уменьшает реакцию в локальном состоянии
+ * Удаляет реакцию текущего пользователя по ключу
  */
-export declare function updateLocalReactionsRemove(localReactions: {
-    value: MessageReactions | undefined;
-}, key: string): void;
+export declare function updateLocalReactionsRemove(localReactions: ReactionsRef, key: string, currentUserId: string | number): void;
+/**
+ * В single-режиме заменяет свою текущую реакцию на новую.
+ * Возвращает ключ снятой реакции (если была).
+ */
+export declare function updateLocalReactionsReplace(localReactions: ReactionsRef, key: string, currentUserId: string | number, name?: string): string | undefined;
 /**
  * Переключает реакцию (добавляет, если нет, или удаляет, если есть)
  */
-export declare function updateLocalReactionsToggle(localReactions: {
-    value: MessageReactions | undefined;
-}, key: string): void;
+export declare function updateLocalReactionsToggle(localReactions: ReactionsRef, key: string, currentUserId: string | number, mode?: ReactionsMode, name?: string): void;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts

@@ -2,7 +2,7 @@ import { type Ref } from 'vue';
 /**
  * Композабл для управления панелями реакций (быстрые реакции и полный picker)
  */
-export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, addButtonRef: Ref<HTMLButtonElement | null>): {
+export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, messageRef: Ref<HTMLElement | null>): {
     isQuickReactionsOpen: Ref<boolean, boolean>;
     isFullPickerOpen: Ref<boolean, boolean>;
     pickerRef: Ref<HTMLElement | null, HTMLElement | null>;
@@ -13,11 +13,11 @@ export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, a
     closeQuickPanel: () => void;
     openFullPicker: () => Promise<void>;
     closeFullPicker: () => void;
+    handleMessageMouseEnter: () => void;
+    handleMessageMouseLeave: () => void;
     handleQuickPanelMouseEnter: () => void;
     handleQuickPanelMouseLeave: () => void;
     handlePickerMouseEnter: () => void;
     handlePickerMouseLeave: () => void;
-    handleButtonMouseEnter: () => void;
-    handleButtonMouseLeave: () => void;
     handleClickOutside: (event: MouseEvent) => void;
 };

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsState.d.ts

@@ -1,23 +1,20 @@
 import { type Ref } from 'vue';
 import type { MessageReactions } from '@/types';
+import { type ReactionsMode } from './useReactions';
 /**
- * Композабл для управления локальным состоянием реакций
+ * Композабл для управления локальным состоянием реакций (event-list → агрегированные чипы)
  */
-export declare function useReactionsState(initialReactions: Ref<MessageReactions | undefined>): {
+export declare function useReactionsState(initialReactions: Ref<MessageReactions | undefined>, mode: Ref<ReactionsMode>, currentUserId: Ref<string | number | undefined>, currentUserName?: Ref<string | undefined>): {
     localReactions: Ref<{
         items: {
             key: import("@/types").ReactionKey;
-            count: number;
-            reactedByMe?: boolean | undefined;
+            userId: string | number;
+            date?: number | undefined;
+            name?: string | undefined;
         }[];
         meta?: {
             mode?: "single" | "multi" | undefined;
         } | undefined;
-        recent?: {
-            userId: string | number;
-            key: import("@/types").ReactionKey;
-            date?: number | undefined;
-        }[] | undefined;
         vendor?: {
             telegram?: {
                 total_count?: number | undefined;
@@ -48,17 +45,13 @@ export declare function useReactionsState(initialReactions: Ref<MessageReactions
     } | undefined, MessageReactions | {
         items: {
             key: import("@/types").ReactionKey;
-            count: number;
-            reactedByMe?: boolean | undefined;
+            userId: string | number;
+            date?: number | undefined;
+            name?: string | undefined;
         }[];
         meta?: {
             mode?: "single" | "multi" | undefined;
         } | undefined;
-        recent?: {
-            userId: string | number;
-            key: import("@/types").ReactionKey;
-            date?: number | undefined;
-        }[] | undefined;
         vendor?: {
             telegram?: {
                 total_count?: number | undefined;
@@ -87,13 +80,11 @@ export declare function useReactionsState(initialReactions: Ref<MessageReactions
             } | undefined;
         } | undefined;
     } | undefined>;
-    displayedReactions: import("vue").ComputedRef<{
-        key: import("@/types").ReactionKey;
-        count: number;
-        reactedByMe?: boolean | undefined;
-    }[]>;
+    displayedReactions: import("vue").ComputedRef<import("@/types").MessageReactionChip[]>;
     hasReactions: import("vue").ComputedRef<boolean>;
-    addReaction: (key: string) => void;
+    myReactionKey: import("vue").ComputedRef<string | undefined>;
+    addReaction: (key: string) => string | undefined;
     removeReaction: (key: string) => void;
     toggleReaction: (key: string) => void;
+    isMyReaction: (key: string) => boolean;
 };

package/dist/types/components/2_feed_elements/MessageReactions/icons/ExpandReactionsIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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_feed_elements/MessageReactions/icons/ReplyIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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_feed_elements/MessageReactions/styles/types.d.ts

@@ -32,6 +32,8 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-no-reactions-padding': string;
     /** Z-index контейнера реакций без реакций */
     '--chotto-messagereactions-no-reactions-z-index': string;
+    /** События указателя контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-pointer-events': string;
     /** Отступ справа для левых сообщений без реакций */
     '--chotto-messagereactions-left-no-reactions-right': string;
     /** Отступ слева для левых сообщений без реакций */
@@ -60,6 +62,10 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-chip-font-size': string;
     /** Курсор чипа реакции */
     '--chotto-messagereactions-chip-cursor': string;
+    /** Высота изображения эмодзи в чипе реакции */
+    '--chotto-messagereactions-chip-img-height': string;
+    /** Ширина изображения эмодзи в чипе реакции */
+    '--chotto-messagereactions-chip-img-width': string;
     /** Граница активного чипа реакции */
     '--chotto-messagereactions-chip-active-border': string;
     /** Фон активного чипа реакции */
@@ -68,76 +74,14 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-chip-active-font-weight': string;
     /** Высота строки эмодзи реакции */
     '--chotto-messagereactions-emoji-line-height': string;
+    /** Размер шрифта счётчика реакции */
+    '--chotto-messagereactions-count-font-size': string;
     /** Высота строки счётчика реакции */
     '--chotto-messagereactions-count-line-height': string;
-    /** Отображение кнопки добавления реакции */
-    '--chotto-messagereactions-add-display': string;
-    /** Выравнивание элементов кнопки добавления реакции */
-    '--chotto-messagereactions-add-align-items': string;
-    /** Выравнивание содержимого кнопки добавления реакции */
-    '--chotto-messagereactions-add-justify-content': string;
-    /** Ширина кнопки добавления реакции */
-    '--chotto-messagereactions-add-width': string;
-    /** Высота кнопки добавления реакции */
-    '--chotto-messagereactions-add-height': string;
-    /** Скругление кнопки добавления реакции */
-    '--chotto-messagereactions-add-border-radius': string;
-    /** Граница кнопки добавления реакции */
-    '--chotto-messagereactions-add-border': string;
-    /** Фон кнопки добавления реакции */
-    '--chotto-messagereactions-add-bg': string;
-    /** Цвет кнопки добавления реакции */
-    '--chotto-messagereactions-add-color': string;
-    /** Курсор кнопки добавления реакции */
-    '--chotto-messagereactions-add-cursor': string;
-    /** Размер шрифта кнопки добавления реакции */
-    '--chotto-messagereactions-add-font-size': string;
-    /** Прозрачность кнопки добавления реакции */
-    '--chotto-messagereactions-add-opacity': string;
-    /** Переход кнопки добавления реакции */
-    '--chotto-messagereactions-add-transition': string;
-    /** События указателя кнопки добавления реакции */
-    '--chotto-messagereactions-add-pointer-events': string;
-    /** Позиционирование кнопки добавления реакции */
-    '--chotto-messagereactions-add-position': string;
-    /** Отступ снизу кнопки добавления реакции */
-    '--chotto-messagereactions-add-bottom': string;
-    /** Z-index кнопки добавления реакции */
-    '--chotto-messagereactions-add-z-index': string;
-    /** Отступ справа кнопки добавления реакции для левых сообщений */
-    '--chotto-messagereactions-add-left-right': string;
-    /** Отступ слева кнопки добавления реакции для левых сообщений */
-    '--chotto-messagereactions-add-left-left': string;
-    /** Отступ слева кнопки добавления реакции для правых сообщений */
-    '--chotto-messagereactions-add-right-left': string;
-    /** Отступ справа кнопки добавления реакции для правых сообщений */
-    '--chotto-messagereactions-add-right-right': string;
-    /** Позиционирование кнопки добавления реакции когда есть реакции */
-    '--chotto-messagereactions-add-has-reactions-position': string;
-    /** Отступ снизу кнопки добавления реакции когда есть реакции */
-    '--chotto-messagereactions-add-has-reactions-bottom': string;
-    /** Трансформация кнопки добавления реакции когда есть реакции */
-    '--chotto-messagereactions-add-has-reactions-transform': string;
-    /** Прозрачность кнопки добавления реакции когда есть чипы */
-    '--chotto-messagereactions-add-has-chip-opacity': string;
-    /** События указателя кнопки добавления реакции когда есть чипы */
-    '--chotto-messagereactions-add-has-chip-pointer-events': string;
-    /** Высота строки span внутри кнопки добавления реакции */
-    '--chotto-messagereactions-add-span-line-height': string;
-    /** Отображение span внутри кнопки добавления реакции */
-    '--chotto-messagereactions-add-span-display': string;
-    /** Вертикальное выравнивание span внутри кнопки добавления реакции */
-    '--chotto-messagereactions-add-span-align-items': string;
-    /** Горизонтальное выравнивание span внутри кнопки добавления реакции */
-    '--chotto-messagereactions-add-span-justify-content': string;
+    /** Цвет счётчика реакции */
+    '--chotto-messagereactions-count-color': string;
     /** Позиционирование панели быстрых реакций */
     '--chotto-messagereactions-quick-panel-position': string;
-    /** Отступ сверху панели быстрых реакций */
-    '--chotto-messagereactions-quick-panel-top': string;
-    /** Отступ слева панели быстрых реакций */
-    '--chotto-messagereactions-quick-panel-left': string;
-    /** Внешний отступ сверху панели быстрых реакций */
-    '--chotto-messagereactions-quick-panel-margin-top': string;
     /** Фон панели быстрых реакций */
     '--chotto-messagereactions-quick-panel-bg': string;
     /** Граница панели быстрых реакций */
@@ -156,10 +100,6 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-quick-panel-gap': string;
     /** Z-index панели быстрых реакций */
     '--chotto-messagereactions-quick-panel-z-index': string;
-    /** Отступ слева панели быстрых реакций для правых сообщений */
-    '--chotto-messagereactions-quick-panel-right-left': string;
-    /** Отступ справа панели быстрых реакций для правых сообщений */
-    '--chotto-messagereactions-quick-panel-right-right': string;
     /** Отображение элемента быстрой реакции */
     '--chotto-messagereactions-quick-item-display': string;
     /** Выравнивание элементов элемента быстрой реакции */
@@ -184,6 +124,10 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-quick-item-transition': string;
     /** Фон элемента быстрой реакции при наведении */
     '--chotto-messagereactions-quick-item-hover-bg': string;
+    /** Высота изображения эмодзи в элементе быстрой реакции */
+    '--chotto-messagereactions-quick-item-img-height': string;
+    /** Ширина изображения эмодзи в элементе быстрой реакции */
+    '--chotto-messagereactions-quick-item-img-width': string;
     /** Отображение кнопки развернуть */
     '--chotto-messagereactions-expand-display': string;
     /** Выравнивание элементов кнопки развернуть */
@@ -210,10 +154,6 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-expand-transition': string;
     /** Фон кнопки развернуть при наведении */
     '--chotto-messagereactions-expand-hover-bg': string;
-    /** Высота строки span внутри кнопки развернуть */
-    '--chotto-messagereactions-expand-span-line-height': string;
-    /** Толщина шрифта span внутри кнопки развернуть */
-    '--chotto-messagereactions-expand-span-font-weight': string;
     /** Z-index пикера реакций */
     '--chotto-messagereactions-picker-z-index': string;
     /** Позиционирование emoji picker внутри пикера */

package/dist/types/components/2_feed_elements/MessageReactions/utils/quickReactions.d.ts

@@ -2,5 +2,5 @@
  * Список популярных эмоджи для быстрых реакций
  * Используется в MessageReactions
  */
-export declare const QUICK_REACTION_EMOJIS: readonly ["👍", "❤️", "🔥", "😂", "😮", "😢"];
+export declare const QUICK_REACTION_EMOJIS: readonly ["👍", "❤️", "🤝"];
 export type QuickReactionEmoji = typeof QUICK_REACTION_EMOJIS[number];

package/dist/types/components/2_feed_elements/MessageReactions/utils/reactionTooltip.d.ts

@@ -0,0 +1,14 @@
+import type { MessageReactionItem } from '@/types';
+/** timestamp в секундах или миллисекундах → ms */
+export declare function normalizeReactionTimestamp(date?: number): number | undefined;
+/** Формат: 20.07.26 11:08 */
+export declare function formatReactionDate(date?: number): string;
+export declare function resolveReactionUserName(item: MessageReactionItem, userNames?: Record<string, string> | null): string;
+/** Сортировка событий по дате (старые сверху) */
+export declare function sortReactionEvents(events: MessageReactionItem[]): MessageReactionItem[];
+/**
+ * Текст тултипа:
+ * Василий Васильев, 20.07.26 11:08
+ * Иван Иванов, 20.07.26 11:09
+ */
+export declare function buildReactionTooltipText(events: MessageReactionItem[], userNames?: Record<string, string> | null): string;

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

@@ -6,6 +6,8 @@ export interface ReplyAudioMessageThemeCSSVariables {
     '--chotto-replyaudiomessage-p-margin': string;
     /** Размер шрифта абзаца */
     '--chotto-replyaudiomessage-p-font-size': string;
+    /** Жирность абзаца (заголовок «В ответ») */
+    '--chotto-replyaudiomessage-p-font-weight': string;
     /** Цвет абзаца */
     '--chotto-replyaudiomessage-p-color': string;
     /** Переполнение абзаца */
@@ -56,6 +58,8 @@ export interface ReplyAudioMessageThemeCSSVariables {
     '--chotto-replyaudiomessage-text-margin-top': string;
     /** Размер шрифта текста */
     '--chotto-replyaudiomessage-text-font-size': string;
+    /** Жирность текста */
+    '--chotto-replyaudiomessage-text-font-weight': string;
     /** Цвет текста */
     '--chotto-replyaudiomessage-text-color': string;
     /** Отображение описания ответа */
@@ -68,6 +72,8 @@ export interface ReplyAudioMessageThemeCSSVariables {
     '--chotto-replyaudiomessage-reply-description-margin-bottom': string;
     /** Цвет спана в описании ответа */
     '--chotto-replyaudiomessage-reply-description-span-color': string;
+    /** Жирность текста «Аудиосообщение» */
+    '--chotto-replyaudiomessage-reply-description-p-font-weight': string;
     /** Жирность жирного текста (markdown **текст**) */
     '--chotto-replyaudiomessage-markdown-strong-font-weight': string;
     /** Стиль курсива (markdown *текст*) */

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

@@ -34,6 +34,8 @@ export interface ReplyCallMessageThemeCSSVariables {
     '--chotto-replycallmessage-text-container-p-margin': string;
     /** Размер шрифта абзаца */
     '--chotto-replycallmessage-text-container-p-font-size': string;
+    /** Жирность абзаца (заголовок «В ответ») */
+    '--chotto-replycallmessage-text-container-p-font-weight': string;
     /** Цвет абзаца */
     '--chotto-replycallmessage-text-container-p-color': string;
     /** Переполнение абзаца */
@@ -58,4 +60,8 @@ export interface ReplyCallMessageThemeCSSVariables {
     '--chotto-replycallmessage-reply-description-margin-bottom': string;
     /** Цвет спана в описании ответа */
     '--chotto-replycallmessage-reply-description-span-color': string;
+    /** Жирность текста типа звонка */
+    '--chotto-replycallmessage-reply-description-span-font-weight': string;
+    /** Жирность длительности звонка */
+    '--chotto-replycallmessage-duration-font-weight': string;
 }