@hh.ru/magritte-ui-chat-bubble 3.0.5 → 3.0.7

package/Media.js

@@ -3,15 +3,22 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { markMetaHost } from './internal/utils.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 
-/**
- * Медиа в сообщении
- */
-const ChatBubbleMediaComponent = forwardRef(({ alt, children, 'data-qa': dataQa = 'chat-bubble-media', meta, src, format, width, height, ...props }, ref) => {
-    return (jsxs("div", { ...props, className: styles.media, "data-qa": dataQa, ref: ref, children: [src && (jsxs(Fragment, { children: [jsx("img", { className: styles.mediaBlur, src: src, alt: "", "aria-hidden": true }), jsx("img", { className: styles.mediaImage, src: src, alt: alt ?? '', width: width, height: height })] })), children && jsx("span", { className: styles.mediaContent, children: children }), format && (jsx("span", { className: styles.mediaFormat, "data-qa": "chat-bubble-media-format", children: jsx(Text, { Element: "span", typography: "label-4-regular", style: "constant", children: format }) })), meta && (jsx("span", { className: styles.mediaMeta, "data-qa": "chat-bubble-media-meta", children: meta }))] }));
-});
-ChatBubbleMediaComponent.displayName = 'ChatBubbleMedia';
+const ChatBubbleMediaComponent = forwardRef(
+  ({ alt, children, "data-qa": dataQa = "chat-bubble-media", meta, src, format, width, height, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ...props, className: styles.media, "data-qa": dataQa, ref, children: [
+      src && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("img", { className: styles.mediaBlur, src, alt: "", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("img", { className: styles.mediaImage, src, alt: alt ?? "", width, height })
+      ] }),
+      children && /* @__PURE__ */ jsx("span", { className: styles.mediaContent, children }),
+      format && /* @__PURE__ */ jsx("span", { className: styles.mediaFormat, "data-qa": "chat-bubble-media-format", children: /* @__PURE__ */ jsx(Text, { Element: "span", typography: "label-4-regular", style: "constant", children: format }) }),
+      meta && /* @__PURE__ */ jsx("span", { className: styles.mediaMeta, "data-qa": "chat-bubble-media-meta", children: meta })
+    ] });
+  }
+);
+ChatBubbleMediaComponent.displayName = "ChatBubbleMedia";
 const ChatBubbleMedia = markMetaHost(ChatBubbleMediaComponent);
 
 export { ChatBubbleMedia };

package/Media.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.js","sources":["src/Media.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { markMetaHost, type ChatBubbleMetaHostProps } from '@hh.ru/magritte-ui-chat-bubble/internal/utils';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleMediaProps extends HTMLAttributes<HTMLDivElement>, ChatBubbleMetaHostProps {\n    /** Url изображения или превью видео */\n    src?: string;\n    /** Alt изображения */\n    alt?: string;\n    /** Содержимое поверх превью */\n    children?: ReactNode;\n    /** Тип медиа (отображается в верхнем левом углу) */\n    format?: ReactNode;\n    /**\n     * Значение data-qa\n     * @default chat-bubble-media\n     */\n    'data-qa'?: string;\n    /**\n     * Ширина превью в пикселях.\n     * Задаётся атрибутом, ограничивается стилями компонента, но не переопределяется ими.\n     * Передавать вместе с `height`.\n     */\n    width?: number;\n    /**\n     * Высота превью в пикселях.\n     * Нужна, чтобы вычислить пропорции и зарезервировать место под картинку.\n     * Передавать вместе с `width`.\n     */\n    height?: number;\n}\n\n/**\n * Медиа в сообщении\n */\nconst ChatBubbleMediaComponent = forwardRef<HTMLDivElement, ChatBubbleMediaProps>(\n    ({ alt, children, 'data-qa': dataQa = 'chat-bubble-media', meta, src, format, width, height, ...props }, ref) => {\n        return (\n            <div {...props} className={styles.media} data-qa={dataQa} ref={ref}>\n                {src && (\n                    <>\n                        <img className={styles.mediaBlur} src={src} alt=\"\" aria-hidden />\n                        <img className={styles.mediaImage} src={src} alt={alt ?? ''} width={width} height={height} />\n                    </>\n                )}\n                {children && <span className={styles.mediaContent}>{children}</span>}\n                {format && (\n                    <span className={styles.mediaFormat} data-qa=\"chat-bubble-media-format\">\n                        <Text Element=\"span\" typography=\"label-4-regular\" style=\"constant\">\n                            {format}\n                        </Text>\n                    </span>\n                )}\n                {meta && (\n                    <span className={styles.mediaMeta} data-qa=\"chat-bubble-media-meta\">\n                        {meta}\n                    </span>\n                )}\n            </div>\n        );\n    }\n);\n\nChatBubbleMediaComponent.displayName = 'ChatBubbleMedia';\n\nexport const ChatBubbleMedia = markMetaHost(ChatBubbleMediaComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAmCA;;AAEG;AACH,MAAM,wBAAwB,GAAG,UAAU,CACvC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,mBAAmB,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC5G,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,SAAA,EAAW,MAAM,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC7D,GAAG,KACAA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAe,aAAA,EAAA,IAAA,EAAA,CAAA,EACjEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA,CAAA,EAAA,CAC9F,CACN,EACA,QAAQ,IAAIA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EACnE,MAAM,KACHA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,SAAA,EAAU,0BAA0B,EAAA,QAAA,EACnEA,GAAC,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAC,UAAU,EAC7D,QAAA,EAAA,MAAM,EACJ,CAAA,EAAA,CACJ,CACV,EACA,IAAI,KACDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,SAAA,EAAU,wBAAwB,EAAA,QAAA,EAC9D,IAAI,EAAA,CACF,CACV,CAAA,EAAA,CACC,EACR;AACN,CAAC,CACJ,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,iBAAiB,CAAC;MAE5C,eAAe,GAAG,YAAY,CAAC,wBAAwB;;;;"}
+{"version":3,"file":"Media.js","sources":["src/Media.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { markMetaHost, type ChatBubbleMetaHostProps } from '@hh.ru/magritte-ui-chat-bubble/internal/utils';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleMediaProps extends HTMLAttributes<HTMLDivElement>, ChatBubbleMetaHostProps {\n    /** Url изображения или превью видео */\n    src?: string;\n    /** Alt изображения */\n    alt?: string;\n    /** Содержимое поверх превью */\n    children?: ReactNode;\n    /** Тип медиа (отображается в верхнем левом углу) */\n    format?: ReactNode;\n    /**\n     * Значение data-qa\n     * @default chat-bubble-media\n     */\n    'data-qa'?: string;\n    /**\n     * Ширина превью в пикселях.\n     * Задаётся атрибутом, ограничивается стилями компонента, но не переопределяется ими.\n     * Передавать вместе с `height`.\n     */\n    width?: number;\n    /**\n     * Высота превью в пикселях.\n     * Нужна, чтобы вычислить пропорции и зарезервировать место под картинку.\n     * Передавать вместе с `width`.\n     */\n    height?: number;\n}\n\n/**\n * Медиа в сообщении\n */\nconst ChatBubbleMediaComponent = forwardRef<HTMLDivElement, ChatBubbleMediaProps>(\n    ({ alt, children, 'data-qa': dataQa = 'chat-bubble-media', meta, src, format, width, height, ...props }, ref) => {\n        return (\n            <div {...props} className={styles.media} data-qa={dataQa} ref={ref}>\n                {src && (\n                    <>\n                        <img className={styles.mediaBlur} src={src} alt=\"\" aria-hidden />\n                        <img className={styles.mediaImage} src={src} alt={alt ?? ''} width={width} height={height} />\n                    </>\n                )}\n                {children && <span className={styles.mediaContent}>{children}</span>}\n                {format && (\n                    <span className={styles.mediaFormat} data-qa=\"chat-bubble-media-format\">\n                        <Text Element=\"span\" typography=\"label-4-regular\" style=\"constant\">\n                            {format}\n                        </Text>\n                    </span>\n                )}\n                {meta && (\n                    <span className={styles.mediaMeta} data-qa=\"chat-bubble-media-meta\">\n                        {meta}\n                    </span>\n                )}\n            </div>\n        );\n    }\n);\n\nChatBubbleMediaComponent.displayName = 'ChatBubbleMedia';\n\nexport const ChatBubbleMedia = markMetaHost(ChatBubbleMediaComponent);\n"],"names":[],"mappings":";;;;;;AAsCA,MAAM,wBAA2B,GAAA,UAAA;AAAA,EAC7B,CAAC,EAAE,GAAK,EAAA,QAAA,EAAU,WAAW,MAAS,GAAA,mBAAA,EAAqB,IAAM,EAAA,GAAA,EAAK,QAAQ,KAAO,EAAA,MAAA,EAAQ,GAAG,KAAA,IAAS,GAAQ,KAAA;AAC7G,IACI,uBAAA,IAAA,CAAC,SAAK,GAAG,KAAA,EAAO,WAAW,MAAO,CAAA,KAAA,EAAO,SAAS,EAAA,MAAA,EAAQ,GACrD,EAAA,QAAA,EAAA;AAAA,MAAA,GAAA,oBAEO,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,SAAA,EAAW,KAAU,GAAI,EAAA,EAAA,EAAG,eAAW,IAAC,EAAA,CAAA;AAAA,wBAC/D,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,UAAA,EAAY,KAAU,GAAK,EAAA,GAAA,IAAO,EAAI,EAAA,KAAA,EAAc,MAAgB,EAAA,CAAA;AAAA,OAC/F,EAAA,CAAA;AAAA,MAEH,4BAAa,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,cAAe,QAAS,EAAA,CAAA;AAAA,MAC5D,0BACI,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,aAAa,SAAQ,EAAA,0BAAA,EACzC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,SAAQ,MAAO,EAAA,UAAA,EAAW,mBAAkB,KAAM,EAAA,UAAA,EACnD,kBACL,CACJ,EAAA,CAAA;AAAA,MAEH,IAAA,wBACI,MAAK,EAAA,EAAA,SAAA,EAAW,OAAO,SAAW,EAAA,SAAA,EAAQ,0BACtC,QACL,EAAA,IAAA,EAAA,CAAA;AAAA,KAER,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,CAAA,CAAA;AAEA,wBAAA,CAAyB,WAAc,GAAA,iBAAA,CAAA;AAE1B,MAAA,eAAA,GAAkB,aAAa,wBAAwB;;;;"}

package/Message.d.ts

@@ -1,9 +1,9 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { ChatBubbleMetaHostProps } from '@hh.ru/magritte-ui-chat-bubble/internal/utils';
+import { ChatBubbleMetaHostProps } from './internal/utils';
 export interface ChatBubbleMessageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, ChatBubbleMetaHostProps {
     /** Опциональный заголовок над текстом */
     title?: ReactNode;
     /** Текст сообщения */
     children?: ReactNode;
 }
-export declare const ChatBubbleMessage: import("react").ForwardRefExoticComponent<ChatBubbleMessageProps & import("react").RefAttributes<HTMLDivElement>> & import("@hh.ru/magritte-ui-chat-bubble/internal/utils").MetaHostComponent;
+export declare const ChatBubbleMessage: import("react").ForwardRefExoticComponent<ChatBubbleMessageProps & import("react").RefAttributes<HTMLDivElement>> & import("./internal/utils").MetaHostComponent;

package/Message.js

@@ -4,18 +4,20 @@ import { forwardRef } from 'react';
 import { useChatBubbleColors } from './internal/colors.js';
 import { markMetaHost } from './internal/utils.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 import './internal/mode.js';
 
-/**
- * Текстовая часть сообщения.
- * Время встаёт в одну строку с последней строкой текста (иначе переносится под текст)
- */
-const ChatBubbleMessageComponent = forwardRef(({ children, meta, title, ...props }, ref) => {
+const ChatBubbleMessageComponent = forwardRef(
+  ({ children, meta, title, ...props }, ref) => {
     const colors = useChatBubbleColors();
-    return (jsxs("div", { ...props, className: styles.message, "data-qa": "chat-bubble-message", ref: ref, children: [title && (jsx("div", { className: styles.messageTitle, "data-qa": "chat-bubble-message-title", children: jsx(Text, { Element: "span", typography: "subtitle-2-semibold", style: colors.text, children: title }) })), jsx(Text, { Element: "span", typography: "label-3-regular", style: colors.text, children: children }), meta] }));
-});
-ChatBubbleMessageComponent.displayName = 'ChatBubbleMessage';
+    return /* @__PURE__ */ jsxs("div", { ...props, className: styles.message, "data-qa": "chat-bubble-message", ref, children: [
+      title && /* @__PURE__ */ jsx("div", { className: styles.messageTitle, "data-qa": "chat-bubble-message-title", children: /* @__PURE__ */ jsx(Text, { Element: "span", typography: "subtitle-2-semibold", style: colors.text, children: title }) }),
+      /* @__PURE__ */ jsx(Text, { Element: "span", typography: "label-3-regular", style: colors.text, children }),
+      meta
+    ] });
+  }
+);
+ChatBubbleMessageComponent.displayName = "ChatBubbleMessage";
 const ChatBubbleMessage = markMetaHost(ChatBubbleMessageComponent);
 
 export { ChatBubbleMessage };

package/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["src/Message.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { useChatBubbleColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { markMetaHost, ChatBubbleMetaHostProps } from '@hh.ru/magritte-ui-chat-bubble/internal/utils';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleMessageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, ChatBubbleMetaHostProps {\n    /** Опциональный заголовок над текстом */\n    title?: ReactNode;\n    /** Текст сообщения */\n    children?: ReactNode;\n}\n\n/**\n * Текстовая часть сообщения.\n * Время встаёт в одну строку с последней строкой текста (иначе переносится под текст)\n */\nconst ChatBubbleMessageComponent = forwardRef<HTMLDivElement, ChatBubbleMessageProps>(\n    ({ children, meta, title, ...props }, ref) => {\n        const colors = useChatBubbleColors();\n\n        return (\n            <div {...props} className={styles.message} data-qa=\"chat-bubble-message\" ref={ref}>\n                {title && (\n                    <div className={styles.messageTitle} data-qa=\"chat-bubble-message-title\">\n                        <Text Element=\"span\" typography=\"subtitle-2-semibold\" style={colors.text}>\n                            {title}\n                        </Text>\n                    </div>\n                )}\n                <Text Element=\"span\" typography=\"label-3-regular\" style={colors.text}>\n                    {children}\n                </Text>\n                {meta}\n            </div>\n        );\n    }\n);\n\nChatBubbleMessageComponent.displayName = 'ChatBubbleMessage';\n\nexport const ChatBubbleMessage = markMetaHost(ChatBubbleMessageComponent);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAeA;;;AAGG;AACH,MAAM,0BAA0B,GAAG,UAAU,CACzC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;AAErC,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,aAAU,qBAAqB,EAAC,GAAG,EAAE,GAAG,EAC5E,QAAA,EAAA,CAAA,KAAK,KACFC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,SAAA,EAAU,2BAA2B,EAAA,QAAA,EACpEA,IAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACnE,KAAK,EAAA,CACH,GACL,CACT,EACDA,GAAC,CAAA,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAC/D,QAAQ,EACN,CAAA,EACN,IAAI,CAAA,EAAA,CACH,EACR;AACN,CAAC,CACJ,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,mBAAmB,CAAC;MAEhD,iBAAiB,GAAG,YAAY,CAAC,0BAA0B;;;;"}
+{"version":3,"file":"Message.js","sources":["src/Message.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { useChatBubbleColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { markMetaHost, ChatBubbleMetaHostProps } from '@hh.ru/magritte-ui-chat-bubble/internal/utils';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleMessageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, ChatBubbleMetaHostProps {\n    /** Опциональный заголовок над текстом */\n    title?: ReactNode;\n    /** Текст сообщения */\n    children?: ReactNode;\n}\n\n/**\n * Текстовая часть сообщения.\n * Время встаёт в одну строку с последней строкой текста (иначе переносится под текст)\n */\nconst ChatBubbleMessageComponent = forwardRef<HTMLDivElement, ChatBubbleMessageProps>(\n    ({ children, meta, title, ...props }, ref) => {\n        const colors = useChatBubbleColors();\n\n        return (\n            <div {...props} className={styles.message} data-qa=\"chat-bubble-message\" ref={ref}>\n                {title && (\n                    <div className={styles.messageTitle} data-qa=\"chat-bubble-message-title\">\n                        <Text Element=\"span\" typography=\"subtitle-2-semibold\" style={colors.text}>\n                            {title}\n                        </Text>\n                    </div>\n                )}\n                <Text Element=\"span\" typography=\"label-3-regular\" style={colors.text}>\n                    {children}\n                </Text>\n                {meta}\n            </div>\n        );\n    }\n);\n\nChatBubbleMessageComponent.displayName = 'ChatBubbleMessage';\n\nexport const ChatBubbleMessage = markMetaHost(ChatBubbleMessageComponent);\n"],"names":[],"mappings":";;;;;;;;AAmBA,MAAM,0BAA6B,GAAA,UAAA;AAAA,EAC/B,CAAC,EAAE,QAAU,EAAA,IAAA,EAAM,OAAO,GAAG,KAAA,IAAS,GAAQ,KAAA;AAC1C,IAAA,MAAM,SAAS,mBAAoB,EAAA,CAAA;AAEnC,IACI,uBAAA,IAAA,CAAC,SAAK,GAAG,KAAA,EAAO,WAAW,MAAO,CAAA,OAAA,EAAS,SAAQ,EAAA,qBAAA,EAAsB,GACpE,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,wBACI,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,YAAA,EAAc,WAAQ,2BACzC,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,qBAAA,EAAsB,OAAO,MAAO,CAAA,IAAA,EAC/D,iBACL,CACJ,EAAA,CAAA;AAAA,sBAEJ,GAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAO,YAAW,iBAAkB,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAC3D,QACL,EAAA,CAAA;AAAA,MACC,IAAA;AAAA,KACL,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,CAAA,CAAA;AAEA,0BAAA,CAA2B,WAAc,GAAA,mBAAA,CAAA;AAE5B,MAAA,iBAAA,GAAoB,aAAa,0BAA0B;;;;"}

package/Meta.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type ReactNode } from 'react';
-import type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';
+import type { ChatBubbleMode } from './types';
 interface MetaProps {
     mode: ChatBubbleMode;
     status?: ReactNode;

package/Meta.js

@@ -3,20 +3,22 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from '@hh.ru/magritte-common-use-translation';
 import { getColors } from './internal/colors.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 import './internal/mode.js';
 import 'react';
 
-/**
- * Время и статус сообщения
- * Рендерится внутри последнего элемента контента.
- * */
 const Meta = ({ edited, mode, status, time }) => {
-    const editedLabel = useTranslation('ChatBubble', 'edited');
-    if (!time && !status && !edited) {
-        return null;
-    }
-    return (jsxs("span", { className: styles.meta, "data-qa": "chat-bubble-meta", children: [(time || edited) && (jsxs(Text, { Element: "span", typography: "label-4-regular", style: getColors(mode).secondaryText, children: [edited && jsx("span", { className: styles.edited, children: editedLabel }), time && jsx("span", { children: time })] })), status] }));
+  const editedLabel = useTranslation("ChatBubble", "edited");
+  if (!time && !status && !edited) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("span", { className: styles.meta, "data-qa": "chat-bubble-meta", children: [
+    (time || edited) && /* @__PURE__ */ jsxs(Text, { Element: "span", typography: "label-4-regular", style: getColors(mode).secondaryText, children: [
+      edited && /* @__PURE__ */ jsx("span", { className: styles.edited, children: editedLabel }),
+      time && /* @__PURE__ */ jsx("span", { children: time })
+    ] }),
+    status
+  ] });
 };
 
 export { Meta };

package/Meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"Meta.js","sources":["src/Meta.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { getColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\ninterface MetaProps {\n    mode: ChatBubbleMode;\n    status?: ReactNode;\n    time?: ReactNode;\n    edited?: boolean;\n}\n\n/**\n * Время и статус сообщения\n * Рендерится внутри последнего элемента контента.\n * */\nexport const Meta: FC<MetaProps> = ({ edited, mode, status, time }) => {\n    const editedLabel = useTranslation('ChatBubble', 'edited');\n\n    if (!time && !status && !edited) {\n        return null;\n    }\n\n    return (\n        <span className={styles.meta} data-qa=\"chat-bubble-meta\">\n            {(time || edited) && (\n                <Text Element=\"span\" typography=\"label-4-regular\" style={getColors(mode).secondaryText}>\n                    {edited && <span className={styles.edited}>{editedLabel}</span>}\n                    {time && <span>{time}</span>}\n                </Text>\n            )}\n            {status}\n        </span>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAgBA;;;AAGK;AACE,MAAM,IAAI,GAAkB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAI;IAClE,MAAM,WAAW,GAAG,cAAc,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAE3D,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;AAC7B,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,QACIA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,SAAA,EAAU,kBAAkB,EAAA,QAAA,EAAA,CACnD,CAAC,IAAI,IAAI,MAAM,MACZA,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,aAAa,EACjF,QAAA,EAAA,CAAA,MAAM,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,EAC9D,IAAI,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,EAAA,CAAQ,CACzB,EAAA,CAAA,CACV,EACA,MAAM,CACJ,EAAA,CAAA,EACT;AACN;;;;"}
+{"version":3,"file":"Meta.js","sources":["src/Meta.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { getColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\ninterface MetaProps {\n    mode: ChatBubbleMode;\n    status?: ReactNode;\n    time?: ReactNode;\n    edited?: boolean;\n}\n\n/**\n * Время и статус сообщения\n * Рендерится внутри последнего элемента контента.\n * */\nexport const Meta: FC<MetaProps> = ({ edited, mode, status, time }) => {\n    const editedLabel = useTranslation('ChatBubble', 'edited');\n\n    if (!time && !status && !edited) {\n        return null;\n    }\n\n    return (\n        <span className={styles.meta} data-qa=\"chat-bubble-meta\">\n            {(time || edited) && (\n                <Text Element=\"span\" typography=\"label-4-regular\" style={getColors(mode).secondaryText}>\n                    {edited && <span className={styles.edited}>{editedLabel}</span>}\n                    {time && <span>{time}</span>}\n                </Text>\n            )}\n            {status}\n        </span>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,OAAsB,CAAC,EAAE,QAAQ,IAAM,EAAA,MAAA,EAAQ,MAAW,KAAA;AACnE,EAAM,MAAA,WAAA,GAAc,cAAe,CAAA,YAAA,EAAc,QAAQ,CAAA,CAAA;AAEzD,EAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,MAAA,IAAU,CAAC,MAAQ,EAAA;AAC7B,IAAO,OAAA,IAAA,CAAA;AAAA,GACX;AAEA,EAAA,4BACK,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,WAAQ,kBAChC,EAAA,QAAA,EAAA;AAAA,IAAQ,CAAA,IAAA,IAAA,MAAA,qBACL,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EAAO,UAAW,EAAA,iBAAA,EAAkB,KAAO,EAAA,SAAA,CAAU,IAAI,CAAA,CAAE,aACpE,EAAA,QAAA,EAAA;AAAA,MAAA,MAAA,oBAAW,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,QAAS,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,MACvD,IAAA,oBAAS,GAAA,CAAA,MAAA,EAAA,EAAM,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,KACzB,EAAA,CAAA;AAAA,IAEH,MAAA;AAAA,GACL,EAAA,CAAA,CAAA;AAER;;;;"}

package/Reply.js

@@ -3,17 +3,40 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useChatBubbleColors } from './internal/colors.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 import './internal/mode.js';
 
-/**
- * Цитата сообщения, на которое отвечают (ставится в слот `header`)
- */
-const ChatBubbleReply = forwardRef(({ children, 'data-qa': dataQa = 'chat-bubble-reply', preview, previewAlt, title, ...props }, ref) => {
+const ChatBubbleReply = forwardRef(
+  ({ children, "data-qa": dataQa = "chat-bubble-reply", preview, previewAlt, title, ...props }, ref) => {
     const colors = useChatBubbleColors();
-    return (jsxs("div", { ...props, className: styles.reply, "data-qa": dataQa, ref: ref, children: [preview && jsx("img", { className: styles.replyPreview, src: preview, alt: previewAlt ?? '' }), jsxs("span", { className: styles.replyBody, children: [title && (jsx(Text, { typography: "subtitle-2-semibold", style: colors.replyTitle, maxLines: 1, "data-qa": "chat-bubble-reply-title", children: title })), children && (jsx(Text, { typography: "label-3-regular", style: colors.text, maxLines: 1, "data-qa": "chat-bubble-reply-text", children: children }))] })] }));
-});
-ChatBubbleReply.displayName = 'ChatBubbleReply';
+    return /* @__PURE__ */ jsxs("div", { ...props, className: styles.reply, "data-qa": dataQa, ref, children: [
+      preview && /* @__PURE__ */ jsx("img", { className: styles.replyPreview, src: preview, alt: previewAlt ?? "" }),
+      /* @__PURE__ */ jsxs("span", { className: styles.replyBody, children: [
+        title && /* @__PURE__ */ jsx(
+          Text,
+          {
+            typography: "subtitle-2-semibold",
+            style: colors.replyTitle,
+            maxLines: 1,
+            "data-qa": "chat-bubble-reply-title",
+            children: title
+          }
+        ),
+        children && /* @__PURE__ */ jsx(
+          Text,
+          {
+            typography: "label-3-regular",
+            style: colors.text,
+            maxLines: 1,
+            "data-qa": "chat-bubble-reply-text",
+            children
+          }
+        )
+      ] })
+    ] });
+  }
+);
+ChatBubbleReply.displayName = "ChatBubbleReply";
 
 export { ChatBubbleReply };
 //# sourceMappingURL=Reply.js.map

package/Reply.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reply.js","sources":["src/Reply.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { useChatBubbleColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleReplyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n    /** Автор цитируемого сообщения */\n    title?: ReactNode;\n    /** Url миниатюры вложения */\n    preview?: string;\n    /** Alt миниатюры */\n    previewAlt?: string;\n    /** Текст цитируемого сообщения */\n    children?: ReactNode;\n    /**\n     * Значение data-qa\n     * @default chat-bubble-reply\n     */\n    'data-qa'?: string;\n}\n\n/**\n * Цитата сообщения, на которое отвечают (ставится в слот `header`)\n */\nexport const ChatBubbleReply = forwardRef<HTMLDivElement, ChatBubbleReplyProps>(\n    ({ children, 'data-qa': dataQa = 'chat-bubble-reply', preview, previewAlt, title, ...props }, ref) => {\n        const colors = useChatBubbleColors();\n\n        return (\n            <div {...props} className={styles.reply} data-qa={dataQa} ref={ref}>\n                {preview && <img className={styles.replyPreview} src={preview} alt={previewAlt ?? ''} />}\n                <span className={styles.replyBody}>\n                    {title && (\n                        <Text\n                            typography=\"subtitle-2-semibold\"\n                            style={colors.replyTitle}\n                            maxLines={1}\n                            data-qa=\"chat-bubble-reply-title\"\n                        >\n                            {title}\n                        </Text>\n                    )}\n                    {children && (\n                        <Text\n                            typography=\"label-3-regular\"\n                            style={colors.text}\n                            maxLines={1}\n                            data-qa=\"chat-bubble-reply-text\"\n                        >\n                            {children}\n                        </Text>\n                    )}\n                </span>\n            </div>\n        );\n    }\n);\n\nChatBubbleReply.displayName = 'ChatBubbleReply';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAuBA;;AAEG;AACI,MAAM,eAAe,GAAG,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjG,IAAA,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IAErC,QACIA,iBAAS,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,SAAA,EAAW,MAAM,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC7D,OAAO,IAAIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,EAAE,EAAA,CAAI,EACxFD,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAC5B,QAAA,EAAA,CAAA,KAAK,KACFC,GAAC,CAAA,IAAI,IACD,UAAU,EAAC,qBAAqB,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,QAAQ,EAAE,CAAC,EAAA,SAAA,EACH,yBAAyB,EAEhC,QAAA,EAAA,KAAK,GACH,CACV,EACA,QAAQ,KACLA,GAAA,CAAC,IAAI,EACD,EAAA,UAAU,EAAC,iBAAiB,EAC5B,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,EAAE,CAAC,EAAA,SAAA,EACH,wBAAwB,EAE/B,QAAA,EAAA,QAAQ,GACN,CACV,CAAA,EAAA,CACE,CACL,EAAA,CAAA,EACR;AACN,CAAC,EACH;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"Reply.js","sources":["src/Reply.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { useChatBubbleColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleReplyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n    /** Автор цитируемого сообщения */\n    title?: ReactNode;\n    /** Url миниатюры вложения */\n    preview?: string;\n    /** Alt миниатюры */\n    previewAlt?: string;\n    /** Текст цитируемого сообщения */\n    children?: ReactNode;\n    /**\n     * Значение data-qa\n     * @default chat-bubble-reply\n     */\n    'data-qa'?: string;\n}\n\n/**\n * Цитата сообщения, на которое отвечают (ставится в слот `header`)\n */\nexport const ChatBubbleReply = forwardRef<HTMLDivElement, ChatBubbleReplyProps>(\n    ({ children, 'data-qa': dataQa = 'chat-bubble-reply', preview, previewAlt, title, ...props }, ref) => {\n        const colors = useChatBubbleColors();\n\n        return (\n            <div {...props} className={styles.reply} data-qa={dataQa} ref={ref}>\n                {preview && <img className={styles.replyPreview} src={preview} alt={previewAlt ?? ''} />}\n                <span className={styles.replyBody}>\n                    {title && (\n                        <Text\n                            typography=\"subtitle-2-semibold\"\n                            style={colors.replyTitle}\n                            maxLines={1}\n                            data-qa=\"chat-bubble-reply-title\"\n                        >\n                            {title}\n                        </Text>\n                    )}\n                    {children && (\n                        <Text\n                            typography=\"label-3-regular\"\n                            style={colors.text}\n                            maxLines={1}\n                            data-qa=\"chat-bubble-reply-text\"\n                        >\n                            {children}\n                        </Text>\n                    )}\n                </span>\n            </div>\n        );\n    }\n);\n\nChatBubbleReply.displayName = 'ChatBubbleReply';\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC3B,CAAC,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,mBAAA,EAAqB,OAAS,EAAA,UAAA,EAAY,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAClG,IAAA,MAAM,SAAS,mBAAoB,EAAA,CAAA;AAEnC,IACI,uBAAA,IAAA,CAAC,SAAK,GAAG,KAAA,EAAO,WAAW,MAAO,CAAA,KAAA,EAAO,SAAS,EAAA,MAAA,EAAQ,GACrD,EAAA,QAAA,EAAA;AAAA,MAAW,OAAA,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,cAAc,GAAK,EAAA,OAAA,EAAS,GAAK,EAAA,UAAA,IAAc,EAAI,EAAA,CAAA;AAAA,sBACrF,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,SACnB,EAAA,QAAA,EAAA;AAAA,QACG,KAAA,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,UAAW,EAAA,qBAAA;AAAA,YACX,OAAO,MAAO,CAAA,UAAA;AAAA,YACd,QAAU,EAAA,CAAA;AAAA,YACV,SAAQ,EAAA,yBAAA;AAAA,YAEP,QAAA,EAAA,KAAA;AAAA,WAAA;AAAA,SACL;AAAA,QAEH,QACG,oBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,UAAW,EAAA,iBAAA;AAAA,YACX,OAAO,MAAO,CAAA,IAAA;AAAA,YACd,QAAU,EAAA,CAAA;AAAA,YACV,SAAQ,EAAA,wBAAA;AAAA,YAEP,QAAA;AAAA,WAAA;AAAA,SACL;AAAA,OAER,EAAA,CAAA;AAAA,KACJ,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,EAAA;AAEA,eAAA,CAAgB,WAAc,GAAA,iBAAA;;;;"}

package/Snippet.js

@@ -3,17 +3,30 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useChatBubbleColors } from './internal/colors.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 import './internal/mode.js';
 
-/**
- * Сниппет: дополнительная информация к сообщению
- */
-const ChatBubbleSnippetComponent = forwardRef(({ children, 'data-qa': dataQa = 'chat-bubble-snippet', message, subtitle, title, ...props }, ref) => {
+const ChatBubbleSnippetComponent = forwardRef(
+  ({ children, "data-qa": dataQa = "chat-bubble-snippet", message, subtitle, title, ...props }, ref) => {
     const colors = useChatBubbleColors();
-    return (jsxs("div", { ...props, className: styles.snippet, "data-qa": dataQa, ref: ref, children: [title && (jsx(Text, { typography: "subtitle-3-semibold", style: colors.text, "data-qa": "chat-bubble-snippet-title", children: title })), subtitle && (jsx(Text, { typography: "subtitle-3-semibold", style: colors.text, maxLines: 2, "data-qa": "chat-bubble-snippet-subtitle", children: subtitle })), message && (jsx(Text, { typography: "label-4-regular", style: colors.text, "data-qa": "chat-bubble-snippet-message", children: message })), children] }));
-});
-ChatBubbleSnippetComponent.displayName = 'ChatBubbleSnippet';
+    return /* @__PURE__ */ jsxs("div", { ...props, className: styles.snippet, "data-qa": dataQa, ref, children: [
+      title && /* @__PURE__ */ jsx(Text, { typography: "subtitle-3-semibold", style: colors.text, "data-qa": "chat-bubble-snippet-title", children: title }),
+      subtitle && /* @__PURE__ */ jsx(
+        Text,
+        {
+          typography: "subtitle-3-semibold",
+          style: colors.text,
+          maxLines: 2,
+          "data-qa": "chat-bubble-snippet-subtitle",
+          children: subtitle
+        }
+      ),
+      message && /* @__PURE__ */ jsx(Text, { typography: "label-4-regular", style: colors.text, "data-qa": "chat-bubble-snippet-message", children: message }),
+      children
+    ] });
+  }
+);
+ChatBubbleSnippetComponent.displayName = "ChatBubbleSnippet";
 const ChatBubbleSnippet = ChatBubbleSnippetComponent;
 
 export { ChatBubbleSnippet };

package/Snippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snippet.js","sources":["src/Snippet.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { useChatBubbleColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleSnippetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n    /** Заголовок сниппета */\n    title?: ReactNode;\n    /** Подзаголовок сниппета */\n    subtitle?: ReactNode;\n    /** Описание под заголовками */\n    message?: ReactNode;\n    /** Содержимое под текстом (превью, карта, кастомный контент) */\n    children?: ReactNode;\n    /**\n     * Значение data-qa\n     * @default chat-bubble-snippet\n     */\n    'data-qa'?: string;\n}\n\n/**\n * Сниппет: дополнительная информация к сообщению\n */\nconst ChatBubbleSnippetComponent = forwardRef<HTMLDivElement, ChatBubbleSnippetProps>(\n    ({ children, 'data-qa': dataQa = 'chat-bubble-snippet', message, subtitle, title, ...props }, ref) => {\n        const colors = useChatBubbleColors();\n\n        return (\n            <div {...props} className={styles.snippet} data-qa={dataQa} ref={ref}>\n                {title && (\n                    <Text typography=\"subtitle-3-semibold\" style={colors.text} data-qa=\"chat-bubble-snippet-title\">\n                        {title}\n                    </Text>\n                )}\n                {subtitle && (\n                    <Text\n                        typography=\"subtitle-3-semibold\"\n                        style={colors.text}\n                        maxLines={2}\n                        data-qa=\"chat-bubble-snippet-subtitle\"\n                    >\n                        {subtitle}\n                    </Text>\n                )}\n                {message && (\n                    <Text typography=\"label-4-regular\" style={colors.text} data-qa=\"chat-bubble-snippet-message\">\n                        {message}\n                    </Text>\n                )}\n                {children}\n            </div>\n        );\n    }\n);\n\nChatBubbleSnippetComponent.displayName = 'ChatBubbleSnippet';\n\nexport const ChatBubbleSnippet = ChatBubbleSnippetComponent;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAuBA;;AAEG;AACH,MAAM,0BAA0B,GAAG,UAAU,CACzC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,qBAAqB,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjG,IAAA,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;AAErC,IAAA,QACIA,IAAS,CAAA,KAAA,EAAA,EAAA,GAAA,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,aAAW,MAAM,EAAE,GAAG,EAAE,GAAG,aAC/D,KAAK,KACFC,GAAC,CAAA,IAAI,EAAC,EAAA,UAAU,EAAC,qBAAqB,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAA,SAAA,EAAU,2BAA2B,EACzF,QAAA,EAAA,KAAK,GACH,CACV,EACA,QAAQ,KACLA,IAAC,IAAI,EAAA,EACD,UAAU,EAAC,qBAAqB,EAChC,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,EAAE,CAAC,EAAA,SAAA,EACH,8BAA8B,EAErC,QAAA,EAAA,QAAQ,GACN,CACV,EACA,OAAO,KACJA,IAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aAAU,6BAA6B,EAAA,QAAA,EACvF,OAAO,EACL,CAAA,CACV,EACA,QAAQ,CAAA,EAAA,CACP,EACR;AACN,CAAC,CACJ,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEtD,MAAM,iBAAiB,GAAG;;;;"}
+{"version":3,"file":"Snippet.js","sources":["src/Snippet.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { useChatBubbleColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-bubble.less';\n\nexport interface ChatBubbleSnippetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n    /** Заголовок сниппета */\n    title?: ReactNode;\n    /** Подзаголовок сниппета */\n    subtitle?: ReactNode;\n    /** Описание под заголовками */\n    message?: ReactNode;\n    /** Содержимое под текстом (превью, карта, кастомный контент) */\n    children?: ReactNode;\n    /**\n     * Значение data-qa\n     * @default chat-bubble-snippet\n     */\n    'data-qa'?: string;\n}\n\n/**\n * Сниппет: дополнительная информация к сообщению\n */\nconst ChatBubbleSnippetComponent = forwardRef<HTMLDivElement, ChatBubbleSnippetProps>(\n    ({ children, 'data-qa': dataQa = 'chat-bubble-snippet', message, subtitle, title, ...props }, ref) => {\n        const colors = useChatBubbleColors();\n\n        return (\n            <div {...props} className={styles.snippet} data-qa={dataQa} ref={ref}>\n                {title && (\n                    <Text typography=\"subtitle-3-semibold\" style={colors.text} data-qa=\"chat-bubble-snippet-title\">\n                        {title}\n                    </Text>\n                )}\n                {subtitle && (\n                    <Text\n                        typography=\"subtitle-3-semibold\"\n                        style={colors.text}\n                        maxLines={2}\n                        data-qa=\"chat-bubble-snippet-subtitle\"\n                    >\n                        {subtitle}\n                    </Text>\n                )}\n                {message && (\n                    <Text typography=\"label-4-regular\" style={colors.text} data-qa=\"chat-bubble-snippet-message\">\n                        {message}\n                    </Text>\n                )}\n                {children}\n            </div>\n        );\n    }\n);\n\nChatBubbleSnippetComponent.displayName = 'ChatBubbleSnippet';\n\nexport const ChatBubbleSnippet = ChatBubbleSnippetComponent;\n"],"names":[],"mappings":";;;;;;;AA0BA,MAAM,0BAA6B,GAAA,UAAA;AAAA,EAC/B,CAAC,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,qBAAA,EAAuB,OAAS,EAAA,QAAA,EAAU,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAClG,IAAA,MAAM,SAAS,mBAAoB,EAAA,CAAA;AAEnC,IACI,uBAAA,IAAA,CAAC,SAAK,GAAG,KAAA,EAAO,WAAW,MAAO,CAAA,OAAA,EAAS,SAAS,EAAA,MAAA,EAAQ,GACvD,EAAA,QAAA,EAAA;AAAA,MACG,KAAA,oBAAA,GAAA,CAAC,QAAK,UAAW,EAAA,qBAAA,EAAsB,OAAO,MAAO,CAAA,IAAA,EAAM,SAAQ,EAAA,2BAAA,EAC9D,QACL,EAAA,KAAA,EAAA,CAAA;AAAA,MAEH,QACG,oBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACG,UAAW,EAAA,qBAAA;AAAA,UACX,OAAO,MAAO,CAAA,IAAA;AAAA,UACd,QAAU,EAAA,CAAA;AAAA,UACV,SAAQ,EAAA,8BAAA;AAAA,UAEP,QAAA,EAAA,QAAA;AAAA,SAAA;AAAA,OACL;AAAA,MAEH,OAAA,oBACI,GAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,iBAAA,EAAkB,OAAO,MAAO,CAAA,IAAA,EAAM,SAAQ,EAAA,6BAAA,EAC1D,QACL,EAAA,OAAA,EAAA,CAAA;AAAA,MAEH,QAAA;AAAA,KACL,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,CAAA,CAAA;AAEA,0BAAA,CAA2B,WAAc,GAAA,mBAAA,CAAA;AAElC,MAAM,iBAAoB,GAAA;;;;"}

package/Status.js

@@ -7,34 +7,43 @@ import { getColors } from './internal/colors.js';
 import { useChatBubbleMode } from './internal/mode.js';
 import { EyeOutlinedSize16, ClockOutlinedSize16, CheckOutlinedSize16, CheckDoubleOutlinedSize16, TrashOutlinedSize16 } from '@hh.ru/magritte-ui-icon/icon';
 import { TooltipHover } from '@hh.ru/magritte-ui-tooltip';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 
 const ICON = {
-    sending: ClockOutlinedSize16,
-    sent: CheckOutlinedSize16,
-    read: CheckDoubleOutlinedSize16,
-    deleted: TrashOutlinedSize16,
+  sending: ClockOutlinedSize16,
+  sent: CheckOutlinedSize16,
+  read: CheckDoubleOutlinedSize16,
+  deleted: TrashOutlinedSize16
 };
-/**
- * Статус сообщения: иконка и подсказка к ней.
- */
-const ChatBubbleStatus = forwardRef(({ children, 'data-qa': dataQa = 'chat-bubble-status', value = 'sending', ...tooltipProps }, ref) => {
+const ChatBubbleStatus = forwardRef(
+  ({ children, "data-qa": dataQa = "chat-bubble-status", value = "sending", ...tooltipProps }, ref) => {
     const mode = useChatBubbleMode();
     const colors = getColors(mode);
     const activatorRef = useRef(null);
     const activator = useMultipleRefs(ref, activatorRef);
-    const isBot = mode === 'bot';
-    const isDeleted = value === 'deleted';
-    const label = useTranslation('ChatBubble', isBot ? 'private' : value);
-    // пометка об удалении ставится у любого отправителя, остальные статусы — только у своих сообщений
-    if (mode === 'incoming' && !isDeleted) {
-        return null;
+    const isBot = mode === "bot";
+    const isDeleted = value === "deleted";
+    const label = useTranslation("ChatBubble", isBot ? "private" : value);
+    if (mode === "incoming" && !isDeleted) {
+      return null;
     }
-    // у бота по макету всегда глаз, статус отправки к нему не применяется
     const Icon = isBot ? EyeOutlinedSize16 : ICON[value];
-    return (jsxs(Fragment, { children: [jsx("span", { ref: activator, className: styles.status, "data-qa": dataQa, "data-status": isBot ? 'private' : value, children: jsx(Icon, { initialColor: colors.statusIcon, "aria-label": label }) }), jsx(TooltipHover, { ...tooltipProps, activatorRef: activatorRef, placement: "top-center", size: "small", children: children ?? label })] }));
-});
-ChatBubbleStatus.displayName = 'ChatBubbleStatus';
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          ref: activator,
+          className: styles.status,
+          "data-qa": dataQa,
+          "data-status": isBot ? "private" : value,
+          children: /* @__PURE__ */ jsx(Icon, { initialColor: colors.statusIcon, "aria-label": label })
+        }
+      ),
+      /* @__PURE__ */ jsx(TooltipHover, { ...tooltipProps, activatorRef, placement: "top-center", size: "small", children: children ?? label })
+    ] });
+  }
+);
+ChatBubbleStatus.displayName = "ChatBubbleStatus";
 
 export { ChatBubbleStatus };
 //# sourceMappingURL=Status.js.map

package/Status.js.map

@@ -1 +1 @@
-{"version":3,"file":"Status.js","sources":["src/Status.tsx"],"sourcesContent":["import { forwardRef, useRef, type ReactNode } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { getColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { useChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/internal/mode';\nimport {\n    CheckDoubleOutlinedSize16,\n    CheckOutlinedSize16,\n    ClockOutlinedSize16,\n    EyeOutlinedSize16,\n    TrashOutlinedSize16,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { TooltipHover, type TooltipHoverProps } from '@hh.ru/magritte-ui-tooltip';\n\nimport styles from './chat-bubble.less';\n\n/** Статус исходящего сообщения */\nexport type ChatBubbleStatusValue = 'sending' | 'sent' | 'read' | 'deleted';\n\nconst ICON = {\n    sending: ClockOutlinedSize16,\n    sent: CheckOutlinedSize16,\n    read: CheckDoubleOutlinedSize16,\n    deleted: TrashOutlinedSize16,\n} as const;\n\nexport interface ChatBubbleStatusProps extends Omit<\n    TooltipHoverProps,\n    'activatorRef' | 'placement' | 'size' | 'children'\n> {\n    /** Статус отправки. У сообщений от бота не используется — там всегда «видно только вам»\n     * @default sending\n     */\n    value?: ChatBubbleStatusValue;\n    /** Текст подсказки. По умолчанию берётся из словаря по статусу */\n    children?: ReactNode;\n    /** Значение data-qa\n     * @default chat-bubble-status\n     */\n    'data-qa'?: string;\n}\n\n/**\n * Статус сообщения: иконка и подсказка к ней.\n */\nexport const ChatBubbleStatus = forwardRef<HTMLSpanElement, ChatBubbleStatusProps>(\n    ({ children, 'data-qa': dataQa = 'chat-bubble-status', value = 'sending', ...tooltipProps }, ref) => {\n        const mode = useChatBubbleMode();\n        const colors = getColors(mode);\n        const activatorRef = useRef<HTMLSpanElement>(null);\n        const activator = useMultipleRefs(ref, activatorRef);\n        const isBot = mode === 'bot';\n        const isDeleted = value === 'deleted';\n        const label = useTranslation('ChatBubble', isBot ? 'private' : value);\n\n        // пометка об удалении ставится у любого отправителя, остальные статусы — только у своих сообщений\n        if (mode === 'incoming' && !isDeleted) {\n            return null;\n        }\n\n        // у бота по макету всегда глаз, статус отправки к нему не применяется\n        const Icon = isBot ? EyeOutlinedSize16 : ICON[value];\n\n        return (\n            <>\n                <span\n                    ref={activator}\n                    className={styles.status}\n                    data-qa={dataQa}\n                    data-status={isBot ? 'private' : value}\n                >\n                    <Icon initialColor={colors.statusIcon} aria-label={label} />\n                </span>\n                <TooltipHover {...tooltipProps} activatorRef={activatorRef} placement=\"top-center\" size=\"small\">\n                    {children ?? label}\n                </TooltipHover>\n            </>\n        );\n    }\n);\n\nChatBubbleStatus.displayName = 'ChatBubbleStatus';\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;AAoBA,MAAM,IAAI,GAAG;AACT,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,IAAI,EAAE,yBAAyB;AAC/B,IAAA,OAAO,EAAE,mBAAmB;CACtB,CAAC;AAkBX;;AAEG;AACU,MAAA,gBAAgB,GAAG,UAAU,CACtC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,oBAAoB,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,EAAE,GAAG,KAAI;AAChG,IAAA,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAC;AACjC,IAAA,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAC/B,IAAA,MAAM,YAAY,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AACrD,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,KAAK,CAAC;AAC7B,IAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,cAAc,CAAC,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;;AAGtE,IAAA,IAAI,IAAI,KAAK,UAAU,IAAI,CAAC,SAAS,EAAE;AACnC,QAAA,OAAO,IAAI,CAAC;KACf;;AAGD,IAAA,MAAM,IAAI,GAAG,KAAK,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAErD,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GACI,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,MAAM,EACf,SAAA,EAAA,MAAM,EACF,aAAA,EAAA,KAAK,GAAG,SAAS,GAAG,KAAK,EAEtC,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,YAAY,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAAc,KAAK,EAAA,CAAI,EACzD,CAAA,EACPA,GAAC,CAAA,YAAY,EAAK,EAAA,GAAA,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAC1F,QAAA,EAAA,QAAQ,IAAI,KAAK,EACP,CAAA,CAAA,EAAA,CAChB,EACL;AACN,CAAC,EACH;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Status.js","sources":["src/Status.tsx"],"sourcesContent":["import { forwardRef, useRef, type ReactNode } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { getColors } from '@hh.ru/magritte-ui-chat-bubble/internal/colors';\nimport { useChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/internal/mode';\nimport {\n    CheckDoubleOutlinedSize16,\n    CheckOutlinedSize16,\n    ClockOutlinedSize16,\n    EyeOutlinedSize16,\n    TrashOutlinedSize16,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { TooltipHover, type TooltipHoverProps } from '@hh.ru/magritte-ui-tooltip';\n\nimport styles from './chat-bubble.less';\n\n/** Статус исходящего сообщения */\nexport type ChatBubbleStatusValue = 'sending' | 'sent' | 'read' | 'deleted';\n\nconst ICON = {\n    sending: ClockOutlinedSize16,\n    sent: CheckOutlinedSize16,\n    read: CheckDoubleOutlinedSize16,\n    deleted: TrashOutlinedSize16,\n} as const;\n\nexport interface ChatBubbleStatusProps extends Omit<\n    TooltipHoverProps,\n    'activatorRef' | 'placement' | 'size' | 'children'\n> {\n    /** Статус отправки. У сообщений от бота не используется — там всегда «видно только вам»\n     * @default sending\n     */\n    value?: ChatBubbleStatusValue;\n    /** Текст подсказки. По умолчанию берётся из словаря по статусу */\n    children?: ReactNode;\n    /** Значение data-qa\n     * @default chat-bubble-status\n     */\n    'data-qa'?: string;\n}\n\n/**\n * Статус сообщения: иконка и подсказка к ней.\n */\nexport const ChatBubbleStatus = forwardRef<HTMLSpanElement, ChatBubbleStatusProps>(\n    ({ children, 'data-qa': dataQa = 'chat-bubble-status', value = 'sending', ...tooltipProps }, ref) => {\n        const mode = useChatBubbleMode();\n        const colors = getColors(mode);\n        const activatorRef = useRef<HTMLSpanElement>(null);\n        const activator = useMultipleRefs(ref, activatorRef);\n        const isBot = mode === 'bot';\n        const isDeleted = value === 'deleted';\n        const label = useTranslation('ChatBubble', isBot ? 'private' : value);\n\n        // пометка об удалении ставится у любого отправителя, остальные статусы — только у своих сообщений\n        if (mode === 'incoming' && !isDeleted) {\n            return null;\n        }\n\n        // у бота по макету всегда глаз, статус отправки к нему не применяется\n        const Icon = isBot ? EyeOutlinedSize16 : ICON[value];\n\n        return (\n            <>\n                <span\n                    ref={activator}\n                    className={styles.status}\n                    data-qa={dataQa}\n                    data-status={isBot ? 'private' : value}\n                >\n                    <Icon initialColor={colors.statusIcon} aria-label={label} />\n                </span>\n                <TooltipHover {...tooltipProps} activatorRef={activatorRef} placement=\"top-center\" size=\"small\">\n                    {children ?? label}\n                </TooltipHover>\n            </>\n        );\n    }\n);\n\nChatBubbleStatus.displayName = 'ChatBubbleStatus';\n"],"names":[],"mappings":";;;;;;;;;;AAoBA,MAAM,IAAO,GAAA;AAAA,EACT,OAAS,EAAA,mBAAA;AAAA,EACT,IAAM,EAAA,mBAAA;AAAA,EACN,IAAM,EAAA,yBAAA;AAAA,EACN,OAAS,EAAA,mBAAA;AACb,CAAA,CAAA;AAqBO,MAAM,gBAAmB,GAAA,UAAA;AAAA,EAC5B,CAAC,EAAE,QAAA,EAAU,SAAW,EAAA,MAAA,GAAS,oBAAsB,EAAA,KAAA,GAAQ,SAAW,EAAA,GAAG,YAAa,EAAA,EAAG,GAAQ,KAAA;AACjG,IAAA,MAAM,OAAO,iBAAkB,EAAA,CAAA;AAC/B,IAAM,MAAA,MAAA,GAAS,UAAU,IAAI,CAAA,CAAA;AAC7B,IAAM,MAAA,YAAA,GAAe,OAAwB,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,SAAA,GAAY,eAAgB,CAAA,GAAA,EAAK,YAAY,CAAA,CAAA;AACnD,IAAA,MAAM,QAAQ,IAAS,KAAA,KAAA,CAAA;AACvB,IAAA,MAAM,YAAY,KAAU,KAAA,SAAA,CAAA;AAC5B,IAAA,MAAM,KAAQ,GAAA,cAAA,CAAe,YAAc,EAAA,KAAA,GAAQ,YAAY,KAAK,CAAA,CAAA;AAGpE,IAAI,IAAA,IAAA,KAAS,UAAc,IAAA,CAAC,SAAW,EAAA;AACnC,MAAO,OAAA,IAAA,CAAA;AAAA,KACX;AAGA,IAAA,MAAM,IAAO,GAAA,KAAA,GAAQ,iBAAoB,GAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAEnD,IAAA,uBAEQ,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,GAAK,EAAA,SAAA;AAAA,UACL,WAAW,MAAO,CAAA,MAAA;AAAA,UAClB,SAAS,EAAA,MAAA;AAAA,UACT,aAAA,EAAa,QAAQ,SAAY,GAAA,KAAA;AAAA,UAEjC,8BAAC,IAAK,EAAA,EAAA,YAAA,EAAc,MAAO,CAAA,UAAA,EAAY,cAAY,KAAO,EAAA,CAAA;AAAA,SAAA;AAAA,OAC9D;AAAA,sBACA,GAAA,CAAC,YAAc,EAAA,EAAA,GAAG,YAAc,EAAA,YAAA,EAA4B,WAAU,YAAa,EAAA,IAAA,EAAK,OACnF,EAAA,QAAA,EAAA,QAAA,IAAY,KACjB,EAAA,CAAA;AAAA,KACJ,EAAA,CAAA,CAAA;AAAA,GAER;AACJ,EAAA;AAEA,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/Tail.js

@@ -2,14 +2,29 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { useChatBubbleMode } from './internal/mode.js';
-import { s as styles } from './chat-bubble-DgO7_sM3.js';
+import { s as styles } from './chat-bubble-BOBGge0h.js';
 import 'react';
 
-const OUTLINE = 'M6.5 0C6.5 7.5 5.2 11.8 1.6 13.4C0.9 13.9 0.6 14.5 1.1 14.5H7';
-/** Хвост сообщения */
+const OUTLINE = "M6.5 0C6.5 7.5 5.2 11.8 1.6 13.4C0.9 13.9 0.6 14.5 1.1 14.5H7";
 const Tail = () => {
-    const mode = useChatBubbleMode();
-    return (jsxs("svg", { className: classnames(styles.tail, { [styles.tailOutgoing]: mode === 'outgoing' }), xmlns: "http://www.w3.org/2000/svg", width: "7", height: "15", viewBox: "0 0 7 15", fill: "none", "aria-hidden": true, focusable: "false", children: [jsx("path", { d: `${OUTLINE}V0Z`, fill: "var(--magritte-chat-bubble-background)" }), jsx("path", { d: OUTLINE, stroke: "var(--magritte-chat-bubble-border)", strokeWidth: "1" })] }));
+  const mode = useChatBubbleMode();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: classnames(styles.tail, { [styles.tailOutgoing]: mode === "outgoing" }),
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "7",
+      height: "15",
+      viewBox: "0 0 7 15",
+      fill: "none",
+      "aria-hidden": true,
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: `${OUTLINE}V0Z`, fill: "var(--magritte-chat-bubble-background)" }),
+        /* @__PURE__ */ jsx("path", { d: OUTLINE, stroke: "var(--magritte-chat-bubble-border)", strokeWidth: "1" })
+      ]
+    }
+  );
 };
 
 export { Tail };

package/Tail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tail.js","sources":["src/Tail.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport classnames from 'classnames';\n\nimport { useChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/internal/mode';\n\nimport styles from './chat-bubble.less';\n\nconst OUTLINE = 'M6.5 0C6.5 7.5 5.2 11.8 1.6 13.4C0.9 13.9 0.6 14.5 1.1 14.5H7';\n\n/** Хвост сообщения */\nexport const Tail: FC = () => {\n    const mode = useChatBubbleMode();\n\n    return (\n        <svg\n            className={classnames(styles.tail, { [styles.tailOutgoing]: mode === 'outgoing' })}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"7\"\n            height=\"15\"\n            viewBox=\"0 0 7 15\"\n            fill=\"none\"\n            aria-hidden\n            focusable=\"false\"\n        >\n            {/* Заливка заходит под границу баббла и перекрывает её в месте стыка */}\n            <path d={`${OUTLINE}V0Z`} fill=\"var(--magritte-chat-bubble-background)\" />\n            <path d={OUTLINE} stroke=\"var(--magritte-chat-bubble-border)\" strokeWidth=\"1\" />\n        </svg>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAOA,MAAM,OAAO,GAAG,+DAA+D,CAAC;AAEhF;AACO,MAAM,IAAI,GAAO,MAAK;AACzB,IAAA,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAC;AAEjC,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,GAAG,IAAI,KAAK,UAAU,EAAE,CAAC,EAClF,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EAAA,aAAA,EAAA,IAAA,EAEX,SAAS,EAAC,OAAO,EAGjB,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAE,CAAA,EAAG,OAAO,CAAA,GAAA,CAAK,EAAE,IAAI,EAAC,wCAAwC,EAAA,CAAG,EAC1EA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAC,oCAAoC,EAAC,WAAW,EAAC,GAAG,EAAG,CAAA,CAAA,EAAA,CAC9E,EACR;AACN;;;;"}
+{"version":3,"file":"Tail.js","sources":["src/Tail.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport classnames from 'classnames';\n\nimport { useChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/internal/mode';\n\nimport styles from './chat-bubble.less';\n\nconst OUTLINE = 'M6.5 0C6.5 7.5 5.2 11.8 1.6 13.4C0.9 13.9 0.6 14.5 1.1 14.5H7';\n\n/** Хвост сообщения */\nexport const Tail: FC = () => {\n    const mode = useChatBubbleMode();\n\n    return (\n        <svg\n            className={classnames(styles.tail, { [styles.tailOutgoing]: mode === 'outgoing' })}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"7\"\n            height=\"15\"\n            viewBox=\"0 0 7 15\"\n            fill=\"none\"\n            aria-hidden\n            focusable=\"false\"\n        >\n            {/* Заливка заходит под границу баббла и перекрывает её в месте стыка */}\n            <path d={`${OUTLINE}V0Z`} fill=\"var(--magritte-chat-bubble-background)\" />\n            <path d={OUTLINE} stroke=\"var(--magritte-chat-bubble-border)\" strokeWidth=\"1\" />\n        </svg>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,OAAU,GAAA,+DAAA,CAAA;AAGT,MAAM,OAAW,MAAM;AAC1B,EAAA,MAAM,OAAO,iBAAkB,EAAA,CAAA;AAE/B,EACI,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,IAAM,EAAA,EAAE,CAAC,MAAA,CAAO,YAAY,GAAG,IAAS,KAAA,UAAA,EAAY,CAAA;AAAA,MACjF,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,GAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,UAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,aAAW,EAAA,IAAA;AAAA,MACX,SAAU,EAAA,OAAA;AAAA,MAGV,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,CAAG,EAAA,CAAA,EAAG,OAAO,CAAA,GAAA,CAAA,EAAO,MAAK,wCAAyC,EAAA,CAAA;AAAA,4BACvE,MAAK,EAAA,EAAA,CAAA,EAAG,SAAS,MAAO,EAAA,oCAAA,EAAqC,aAAY,GAAI,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAClF,CAAA;AAER;;;;"}

package/chat-bubble-BOBGge0h.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_3-0-7","chatBubble":"magritte-chat-bubble___ds9CP_3-0-7","outgoing":"magritte-outgoing___3n00o_3-0-7","bot":"magritte-bot___Z6vZA_3-0-7","row":"magritte-row___mQNnt_3-0-7","bubble":"magritte-bubble___NVuDI_3-0-7","with-tail":"magritte-with-tail___IdixJ_3-0-7","withTail":"magritte-with-tail___IdixJ_3-0-7","tail":"magritte-tail___E2hdk_3-0-7","tail-outgoing":"magritte-tail-outgoing___Pn3MI_3-0-7","tailOutgoing":"magritte-tail-outgoing___Pn3MI_3-0-7","buttons":"magritte-buttons___yQqBi_3-0-7","aside":"magritte-aside___bTex-_3-0-7","aside-revealed":"magritte-aside-revealed___CRBl7_3-0-7","asideRevealed":"magritte-aside-revealed___CRBl7_3-0-7","error-text":"magritte-error-text___1ZxWY_3-0-7","errorText":"magritte-error-text___1ZxWY_3-0-7","file":"magritte-file___k2IKy_3-0-7","file-preview":"magritte-file-preview___eJKu8_3-0-7","filePreview":"magritte-file-preview___eJKu8_3-0-7","media":"magritte-media___9jH2k_3-0-7","media-blur":"magritte-media-blur___TbiMa_3-0-7","mediaBlur":"magritte-media-blur___TbiMa_3-0-7","media-image":"magritte-media-image___G-FkF_3-0-7","mediaImage":"magritte-media-image___G-FkF_3-0-7","media-content":"magritte-media-content___n3XbD_3-0-7","mediaContent":"magritte-media-content___n3XbD_3-0-7","media-format":"magritte-media-format___AdfCK_3-0-7","mediaFormat":"magritte-media-format___AdfCK_3-0-7","media-meta":"magritte-media-meta___oSxxr_3-0-7","mediaMeta":"magritte-media-meta___oSxxr_3-0-7","reply":"magritte-reply___-QCK7_3-0-7","reply-preview":"magritte-reply-preview___qvlNT_3-0-7","replyPreview":"magritte-reply-preview___qvlNT_3-0-7","reply-body":"magritte-reply-body___f2xx7_3-0-7","replyBody":"magritte-reply-body___f2xx7_3-0-7","snippet":"magritte-snippet___8k9xb_3-0-7","meta":"magritte-meta___1qhjm_3-0-7","edited":"magritte-edited___m-zmB_3-0-7","status":"magritte-status___dHzCt_3-0-7","message-title":"magritte-message-title___dgBFk_3-0-7","messageTitle":"magritte-message-title___dgBFk_3-0-7","label":"magritte-label___i0Wyt_3-0-7","message":"magritte-message___7TEpw_3-0-7"};
+
+export { styles as s };
+//# sourceMappingURL=chat-bubble-BOBGge0h.js.map

package/chat-bubble-BOBGge0h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-bubble-BOBGge0h.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}