@uzum-tech/ui 2.3.4 → 2.3.6

package/es/image/src/styles/index.cssr.mjs

@@ -41,7 +41,17 @@ export default c([c('body >', [cB('image-container', 'position: fixed;')]), cB('
  padding: 0 8px;
  font-size: 28px;
  cursor: pointer;
- `), fadeInTransition()]), cB('image-preview-wrapper', `
+ `), fadeInTransition()]), cB('image-preview-loading', `
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ pointer-events: none;
+ `), cB('image-preview-wrapper', `
  position: absolute;
  left: 0;
  right: 0;

package/es/layout/src/LayoutSider.d.ts

@@ -506,7 +506,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     nativeScrollbar: boolean;
     inverted: boolean;
     collapsedWidth: number;
-    showTrigger: boolean | "bar" | "sidebar" | "arrow-circle";
+    showTrigger: boolean | "bar" | "arrow-circle" | "sidebar";
     collapseMode: "width" | "transform";
     defaultCollapsed: boolean;
     showCollapsedContent: boolean;

package/es/message-bubble/index.d.ts

@@ -1,3 +1,4 @@
+export type { MarkdownFeature, MarkdownOptions } from '../_utils/markdown';
 export type { MessageBubbleAction, MessageBubbleAttachment, MessageBubbleId, MessageBubbleMessagePayload, MessageBubbleProps, MessageBubbleRenderContent, MessageBubbleSlots } from './src/interface';
 export { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from './src/interface';
 export { default as UMessageBubble } from './src/MessageBubble';

package/es/message-bubble/src/MessageBubble.d.ts

@@ -1,14 +1,14 @@
 import type { SlotsType, VNodeChild } from 'vue';
 import type { MessageBubbleAttachment, MessageBubbleMessagePayload, MessageBubbleRenderContent, MessageBubbleSlots } from './interface';
-import { MessageBubbleStatus, MessageBubbleType } from './interface';
+import { MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<MessageBubbleType>;
         readonly default: MessageBubbleType.MESSAGE;
     };
     readonly serviceVariant: {
-        readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
-        readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
+        readonly type: import("vue").PropType<MessageBubbleServiceVariant>;
+        readonly default: MessageBubbleServiceVariant.SYSTEM;
     };
     readonly id: {
         readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
@@ -26,6 +26,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: import("vue").PropType<MessageBubbleRenderContent>;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markdownOptions: {
+        readonly type: import("vue").PropType<import("..").MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly timestamp: {
         readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
         readonly default: undefined;
@@ -75,6 +83,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -102,6 +119,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -129,6 +155,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -153,8 +188,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: MessageBubbleType.MESSAGE;
     };
     readonly serviceVariant: {
-        readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
-        readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
+        readonly type: import("vue").PropType<MessageBubbleServiceVariant>;
+        readonly default: MessageBubbleServiceVariant.SYSTEM;
     };
     readonly id: {
         readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
@@ -172,6 +207,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: import("vue").PropType<MessageBubbleRenderContent>;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markdownOptions: {
+        readonly type: import("vue").PropType<import("..").MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly timestamp: {
         readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
         readonly default: undefined;
@@ -221,6 +264,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -248,6 +300,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -275,6 +336,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -293,9 +363,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly status: MessageBubbleStatus;
     readonly actions: import("./interface").MessageBubbleAction[];
     readonly onRetry: (message: MessageBubbleMessagePayload) => void;
-    readonly serviceVariant: import("./interface").MessageBubbleServiceVariant;
+    readonly serviceVariant: MessageBubbleServiceVariant;
     readonly id: import("./interface").MessageBubbleId;
     readonly isOwn: boolean;
+    readonly markdown: boolean;
+    readonly markdownOptions: import("..").MarkdownOptions;
     readonly timestamp: string | number | Date | (() => VNodeChild);
     readonly attachments: MessageBubbleAttachment | MessageBubbleAttachment[];
     readonly uploadProps: Partial<import("../..").UploadProps>;

package/es/message-bubble/src/MessageBubble.mjs

@@ -27,12 +27,13 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
 };
 import { computed, defineComponent, Fragment, h, nextTick, ref } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { renderMarkdown } from "../../_utils/markdown/index.mjs";
 import { UDropdown } from "../../dropdown/index.mjs";
 import { UIcon } from "../../icon/index.mjs";
 import { UText } from "../../typography/index.mjs";
 import { UUpload, UUploadFileList } from "../../upload/index.mjs";
 import { messageBubbleLight } from "../styles/index.mjs";
-import { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleStatus, MessageBubbleType, statusIconMapper } from "./interface.mjs";
+import { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType, statusIconMapper } from "./interface.mjs";
 import style from "./styles/index.cssr.mjs";
 export default defineComponent({
   name: 'MessageBubble',
@@ -64,6 +65,18 @@ export default defineComponent({
       status: props.status,
       attachments: normalizedAttachmentsRef.value
     }));
+    const markdownContent = computed(() => {
+      const content = props.content;
+      return props.markdown && typeof content === 'string' ? content : null;
+    });
+    const markdownActive = computed(() => markdownContent.value !== null);
+    const markdownHtmlRef = computed(() => {
+      if (!markdownContent.value) {
+        return null;
+      }
+      const html = renderMarkdown(markdownContent.value, props.markdownOptions);
+      return html.length > 0 ? html : null;
+    });
     const cssVarsRef = computed(() => {
       const {
         common: {
@@ -85,7 +98,16 @@ export default defineComponent({
           unreadNotificationTextColor,
           serviceMessageTextColor,
           serviceMessageBackgroundColor,
-          messageTitleColor
+          messageTitleColor,
+          markdownQuoteBorderColorOwn,
+          markdownQuoteBorderColorOther,
+          markdownQuoteTextColor,
+          markdownDividerColorOwn,
+          markdownDividerColorOther,
+          markdownH1FontSize,
+          markdownH2FontSize,
+          markdownH3FontSize,
+          markdownTextFontSize
         }
       } = themeRef.value;
       return {
@@ -105,7 +127,16 @@ export default defineComponent({
         '--u-message-bubble-unread-text-color': unreadNotificationTextColor,
         '--u-message-bubble-service-text-color': serviceMessageTextColor,
         '--u-message-bubble-service-background-color': serviceMessageBackgroundColor,
-        '--u-message-bubble-title-color': messageTitleColor
+        '--u-message-bubble-title-color': messageTitleColor,
+        '--u-message-bubble-markdown-quote-border-color-own': markdownQuoteBorderColorOwn,
+        '--u-message-bubble-markdown-quote-border-color-other': markdownQuoteBorderColorOther,
+        '--u-message-bubble-markdown-quote-text-color': markdownQuoteTextColor,
+        '--u-message-bubble-markdown-divider-color-own': markdownDividerColorOwn,
+        '--u-message-bubble-markdown-divider-color-other': markdownDividerColorOther,
+        '--u-message-bubble-markdown-h1-font-size': markdownH1FontSize,
+        '--u-message-bubble-markdown-h2-font-size': markdownH2FontSize,
+        '--u-message-bubble-markdown-h3-font-size': markdownH3FontSize,
+        '--u-message-bubble-markdown-text-font-size': markdownTextFontSize
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('message-bubble', undefined, cssVarsRef, props) : undefined;
@@ -248,15 +279,21 @@ export default defineComponent({
       const hasTitle = Boolean(props.title || slots.title);
       const afterContentSlot = slots.afterContent || slots['after-content'];
       const hasAfterContent = Boolean(afterContentSlot);
-      const hasContentInsideBubble = Boolean(props.content || slots.default || hasAfterContent || hasTitle || normalizedAttachmentsRef.value.length > 1);
+      const hasVisibleTextContent = markdownActive.value ? markdownHtmlRef.value !== null : Boolean(props.content);
+      const hasContentInsideBubble = Boolean(hasVisibleTextContent || slots.default || hasAfterContent || hasTitle || normalizedAttachmentsRef.value.length > 1);
       const messageBubbleContent = hasContentInsideBubble ? h("div", {
         class: [`${mergedClsPrefixRef.value}-message-bubble__bubble`, props.isOwn ? `${mergedClsPrefixRef.value}-message-bubble__bubble--own` : `${mergedClsPrefixRef.value}-message-bubble__bubble--other`]
       }, hasTitle && h(UText, {
         class: `${mergedClsPrefixRef.value}-message-bubble__title`,
         variant: "body-l-semi-bold"
-      }, slots.title ? slots.title(messagePayloadRef.value) : resolveRenderContent(props.title)), normalizedAttachmentsRef.value.length > 0 && renderAttachment(true), (props.content || slots.default) && h("div", {
+      }, slots.title ? slots.title(messagePayloadRef.value) : resolveRenderContent(props.title)), normalizedAttachmentsRef.value.length > 0 && renderAttachment(true), (hasVisibleTextContent || slots.default) && (slots.default ? h("div", {
+        class: `${mergedClsPrefixRef.value}-message-bubble__text`
+      }, slots.default(messagePayloadRef.value)) : markdownHtmlRef.value !== null ? h("div", {
+        class: [`${mergedClsPrefixRef.value}-message-bubble__text`, `${mergedClsPrefixRef.value}-message-bubble__markdown`],
+        innerHTML: markdownHtmlRef.value
+      }) : h("div", {
         class: `${mergedClsPrefixRef.value}-message-bubble__text`
-      }, slots.default ? slots.default(messagePayloadRef.value) : resolveRenderContent(props.content)), hasAfterContent && h("div", {
+      }, resolveRenderContent(props.content))), hasAfterContent && h("div", {
         class: `${mergedClsPrefixRef.value}-message-bubble__after-content`
       }, afterContentSlot === null || afterContentSlot === void 0 ? void 0 : afterContentSlot(messagePayloadRef.value))) : normalizedAttachmentsRef.value.length === 1 ? renderAttachment() : null;
       return h("div", {
@@ -322,9 +359,14 @@ export default defineComponent({
       if (slots.service) {
         return slots.service(props.serviceVariant);
       }
+      const isMarkdownEligibleVariant = props.serviceVariant === MessageBubbleServiceVariant.SYSTEM || props.serviceVariant === MessageBubbleServiceVariant.EVENT;
+      const displayMarkdown = markdownActive.value && isMarkdownEligibleVariant;
       return h("div", {
         class: [`${mergedClsPrefixRef.value}-message-bubble__service`, `${mergedClsPrefixRef.value}-message-bubble__service--${props.serviceVariant}`]
-      }, props.content && h("span", null, resolveRenderContent(props.content)));
+      }, displayMarkdown ? markdownHtmlRef.value && h("span", {
+        class: `${mergedClsPrefixRef.value}-message-bubble__markdown`,
+        innerHTML: markdownHtmlRef.value
+      }) : props.content && h("span", null, resolveRenderContent(props.content)));
     };
     return {
       mergedClsPrefixRef,

package/es/message-bubble/src/interface.d.ts

@@ -1,5 +1,6 @@
 import type { Component, PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { MarkdownOptions } from '../../_utils/markdown';
 import type { UploadFileInfo, UploadProps } from '../../upload';
 export declare enum MessageBubbleType {
     MESSAGE = "message",
@@ -90,6 +91,14 @@ export declare const messageBubbleProps: {
         readonly type: PropType<MessageBubbleRenderContent>;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markdownOptions: {
+        readonly type: PropType<MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly timestamp: {
         readonly type: PropType<string | number | Date | (() => VNodeChild)>;
         readonly default: undefined;
@@ -139,6 +148,15 @@ export declare const messageBubbleProps: {
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -166,6 +184,15 @@ export declare const messageBubbleProps: {
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -193,6 +220,15 @@ export declare const messageBubbleProps: {
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;

package/es/message-bubble/src/interface.mjs

@@ -57,6 +57,14 @@ export const messageBubbleProps = Object.assign(Object.assign({}, useTheme.props
     type: [String, Function],
     default: undefined
   },
+  markdown: {
+    type: Boolean,
+    default: false
+  },
+  markdownOptions: {
+    type: Object,
+    default: undefined
+  },
   timestamp: {
     type: [String, Number, Date, Function],
     default: undefined

package/es/message-bubble/src/styles/index.cssr.mjs

@@ -17,6 +17,15 @@ import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 // --u-message-bubble-service-text-color
 // --u-message-bubble-service-background-color
 // --u-message-bubble-title-color
+// --u-message-bubble-markdown-quote-border-color-own
+// --u-message-bubble-markdown-quote-border-color-other
+// --u-message-bubble-markdown-quote-text-color
+// --u-message-bubble-markdown-divider-color-own
+// --u-message-bubble-markdown-divider-color-other
+// --u-message-bubble-markdown-h1-font-size
+// --u-message-bubble-markdown-h2-font-size
+// --u-message-bubble-markdown-h3-font-size
+// --u-message-bubble-markdown-text-font-size
 export default cB('message-bubble', `
  box-sizing: border-box;
  width: 100%;
@@ -52,17 +61,24 @@ export default cB('message-bubble', `
  flex-direction: column;
  padding: 12px;
  gap: 12px;
+ --u-message-bubble-markdown-quote-border-color: var(--u-message-bubble-markdown-quote-border-color-other);
+ --u-message-bubble-markdown-divider-color: var(--u-message-bubble-markdown-divider-color-other);
  `, [cM('own', `
  background-color: var(--u-message-bubble-background-color-own);
  color: var(--u-message-bubble-text-color-own);
  border-bottom-left-radius: var(--u-message-bubble-border-radius);
  border-bottom-right-radius: 6px;
+ --u-message-bubble-markdown-quote-border-color: var(--u-message-bubble-markdown-quote-border-color-own);
+ --u-message-bubble-markdown-divider-color: var(--u-message-bubble-markdown-divider-color-own);
  `)]), cE('title', `
  color: var(--u-message-bubble-title-color);
  white-space: pre-wrap;
  `), cE('text', `
  white-space: pre-wrap;
- `), cE('after-content', `
+ `), cE('markdown', `
+ white-space: normal;
+ font-size: var(--u-message-bubble-markdown-text-font-size);
+ `, [c('h1', 'font-size: var(--u-message-bubble-markdown-h1-font-size);'), c('h2', 'font-size: var(--u-message-bubble-markdown-h2-font-size);'), c('h3', 'font-size: var(--u-message-bubble-markdown-h3-font-size);'), c('& > *:first-child', 'margin-top: 0;'), c('& > *:last-child', 'margin-bottom: 0;')]), cE('after-content', `
  white-space: normal;
  `), cE('meta', `
  display: flex;

package/es/message-bubble/styles/dark.d.ts

@@ -15,6 +15,15 @@ declare const messageBubbleDark: import("../../_mixins").Theme<"MessageBubble",
     serviceMessageTextColor: string;
     serviceMessageBackgroundColor: string;
     messageTitleColor: string;
+    markdownQuoteBorderColorOwn: string;
+    markdownQuoteBorderColorOther: string;
+    markdownQuoteTextColor: string;
+    markdownDividerColorOwn: string;
+    markdownDividerColorOther: string;
+    markdownH1FontSize: string;
+    markdownH2FontSize: string;
+    markdownH3FontSize: string;
+    markdownTextFontSize: string;
 }, {
     StatusIcon: import("../../_mixins").Theme<"Icon", {
         color: string;

package/es/message-bubble/styles/light.d.ts

@@ -16,6 +16,15 @@ export declare function self(vars: ThemeCommonVars): {
     serviceMessageTextColor: string;
     serviceMessageBackgroundColor: string;
     messageTitleColor: string;
+    markdownQuoteBorderColorOwn: string;
+    markdownQuoteBorderColorOther: string;
+    markdownQuoteTextColor: string;
+    markdownDividerColorOwn: string;
+    markdownDividerColorOther: string;
+    markdownH1FontSize: string;
+    markdownH2FontSize: string;
+    markdownH3FontSize: string;
+    markdownTextFontSize: string;
 };
 declare const messageBubbleLight: import("../../_mixins").Theme<"MessageBubble", {
     messageBubbleBackgroundColorOwn: string;
@@ -34,6 +43,15 @@ declare const messageBubbleLight: import("../../_mixins").Theme<"MessageBubble",
     serviceMessageTextColor: string;
     serviceMessageBackgroundColor: string;
     messageTitleColor: string;
+    markdownQuoteBorderColorOwn: string;
+    markdownQuoteBorderColorOther: string;
+    markdownQuoteTextColor: string;
+    markdownDividerColorOwn: string;
+    markdownDividerColorOther: string;
+    markdownH1FontSize: string;
+    markdownH2FontSize: string;
+    markdownH3FontSize: string;
+    markdownTextFontSize: string;
 }, {
     StatusIcon: import("../../_mixins").Theme<"Icon", {
         color: string;

package/es/message-bubble/styles/light.mjs

@@ -30,7 +30,16 @@ export function self(vars) {
     unreadNotificationTextColor: elementsSecondary,
     serviceMessageTextColor: textSecondary,
     serviceMessageBackgroundColor: 'transparent',
-    messageTitleColor: textPrimary
+    messageTitleColor: textPrimary,
+    markdownQuoteBorderColorOwn: textPrimary,
+    markdownQuoteBorderColorOther: textPrimary,
+    markdownQuoteTextColor: textSecondary,
+    markdownDividerColorOwn: textPrimary,
+    markdownDividerColorOther: textPrimary,
+    markdownH1FontSize: '20px',
+    markdownH2FontSize: '18px',
+    markdownH3FontSize: '16px',
+    markdownTextFontSize: '14px'
   };
 }
 const messageBubbleLight = createTheme({

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.3.4";
+declare const _default: "2.3.6";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.3.4';
+export default '2.3.6';

package/lib/_utils/markdown/constants.d.ts

@@ -0,0 +1,27 @@
+import type { MarkdownFeature } from '@uzum-tech/ui';
+export declare const HTML_COMMENT_REGEX: RegExp;
+export declare const HTML_CDATA_REGEX: RegExp;
+export declare const HTML_RAW_BLOCK_REGEX: RegExp;
+export declare const HTML_DECLARATION_REGEX: RegExp;
+export declare const HTML_TAG_REGEX: RegExp;
+export declare const ANY_HTML_TAG_REGEX: RegExp;
+export declare const WHITESPACE_REGEX: RegExp;
+export declare const MAX_HEADING_LEVEL = 3;
+export declare const MAX_DIVIDER_INDENT = 4;
+export declare const MIN_DIVIDER_MARKERS = 3;
+export declare const EMPTY_BLOCK_TOKEN_COUNT = 3;
+export declare const CHAR_CODES: {
+    TILDE: number;
+    EQUALS: number;
+    SPACE: number;
+    TAB: number;
+};
+export declare const HTML_ENTITY_REPLACEMENTS: Array<[RegExp, string]>;
+export declare const ALL_MARKDOWN_FEATURES: MarkdownFeature[];
+export declare const INVISIBLE_INLINE_TOKEN_TYPES: string[];
+export declare const MARKDOWN_SYMBOL: {
+    TILDE: string;
+    STRIKETHROUGH_TAG: string;
+    PARAGRAPH_TAG: string;
+    NEWLINE: string;
+};

package/lib/_utils/markdown/constants.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MARKDOWN_SYMBOL = exports.INVISIBLE_INLINE_TOKEN_TYPES = exports.ALL_MARKDOWN_FEATURES = exports.HTML_ENTITY_REPLACEMENTS = exports.CHAR_CODES = exports.EMPTY_BLOCK_TOKEN_COUNT = exports.MIN_DIVIDER_MARKERS = exports.MAX_DIVIDER_INDENT = exports.MAX_HEADING_LEVEL = exports.WHITESPACE_REGEX = exports.ANY_HTML_TAG_REGEX = exports.HTML_TAG_REGEX = exports.HTML_DECLARATION_REGEX = exports.HTML_RAW_BLOCK_REGEX = exports.HTML_CDATA_REGEX = exports.HTML_COMMENT_REGEX = void 0;
+exports.HTML_COMMENT_REGEX = /<!--[\s\S]*?-->/g;
+exports.HTML_CDATA_REGEX = /<!\[CDATA\[[\s\S]*?\]\]>/g;
+exports.HTML_RAW_BLOCK_REGEX = /<(script|style|iframe|object|embed|template|svg|math|noscript)\b[^>]*>[\s\S]*?<\/\1\s*>/gi;
+exports.HTML_DECLARATION_REGEX = /<[!?][^>]*>/g;
+exports.HTML_TAG_REGEX = /<\/?[a-z][\w:-]*(?:\s[^<>]*)?\/?>/gi;
+exports.ANY_HTML_TAG_REGEX = /<[^>]*>/g;
+exports.WHITESPACE_REGEX = /\s+/g;
+exports.MAX_HEADING_LEVEL = 3;
+exports.MAX_DIVIDER_INDENT = 4;
+exports.MIN_DIVIDER_MARKERS = 3;
+exports.EMPTY_BLOCK_TOKEN_COUNT = 3;
+exports.CHAR_CODES = {
+    TILDE: 0x7E,
+    EQUALS: 0x3D,
+    SPACE: 0x20,
+    TAB: 0x09
+};
+exports.HTML_ENTITY_REPLACEMENTS = [
+    [/&lt;/g, '<'],
+    [/&gt;/g, '>'],
+    [/&quot;/g, '"'],
+    [/&amp;/g, '&']
+];
+exports.ALL_MARKDOWN_FEATURES = [
+    'bold',
+    'italic',
+    'strikethrough',
+    'heading',
+    'orderedList',
+    'bulletList',
+    'blockquote',
+    'divider'
+];
+exports.INVISIBLE_INLINE_TOKEN_TYPES = [
+    'softbreak',
+    'hardbreak',
+    'image',
+    'link_open',
+    'link_close',
+    'strong_open',
+    'strong_close',
+    'em_open',
+    'em_close',
+    's_open',
+    's_close'
+];
+exports.MARKDOWN_SYMBOL = {
+    TILDE: '~',
+    STRIKETHROUGH_TAG: 's',
+    PARAGRAPH_TAG: 'p',
+    NEWLINE: '\n'
+};

package/lib/_utils/markdown/create-markdown-renderer.d.ts

@@ -0,0 +1,3 @@
+import type { MarkdownIt as MarkdownItInstance } from 'markdown-it';
+import type { NormalizedMarkdownOptions } from './interface';
+export declare function createMarkdownRenderer(resolved: NormalizedMarkdownOptions): MarkdownItInstance;