@epam/ai-dial-chat-shared 1.3.0-dev.34 → 1.3.0-dev.343

package/components/MarkdownRenderer/CodeBlock/CodeBlock.js

@@ -7,100 +7,100 @@ import { CHAT_SHARED_CLASS as o } from "../../../constants/public-class-names.js
 import { useCodeCopy as s } from "../../../hooks/useCodeCopy.js";
 import c from "./CodeBlock.module.scss.js";
 import { restrainedSyntaxTheme as l } from "./syntax-theme.js";
-import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, GhostIconButton as p } from "@epam/ai-dial-ui-kit";
-import { Suspense as m, lazy as h, memo as g, useMemo as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { IconCheck as b, IconCopy as x, IconDownload as S } from "@tabler/icons-react";
+import { DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, ElementSize as f, GhostIconButton as p, LiveRegion as m, LiveRegionElement as h } from "@epam/ai-dial-ui-kit";
+import { Suspense as g, lazy as _, memo as v, useMemo as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { IconCheck as S, IconCopy as C, IconDownload as w } from "@tabler/icons-react";
 //#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx
-var C = {
+var T = {
 	dark: l,
 	light: l
-}, w = h(async () => {
+}, E = _(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), T = g(({ language: h, value: g, isStreaming: T, theme: E = e.Dark, copyLabel: D = "Copy code", copiedLabel: O = "Copied!", downloadLabel: k = "Download code", hideDownload: A = !1, containerClassName: j, headerClassName: M, codeClassName: N = "dial-code-text", languageLabelClassName: P = "dial-tiny-lead-semi-text", title: F, titleSlot: I, colors: L }) => {
-	let { isCopied: R, copy: z } = s(g), B = _(() => a(g), [g]), V = E === e.Light, H = () => {
-		r(g, `code.${i(h)}`);
-	}, U = /* @__PURE__ */ v("pre", {
-		className: "p-4",
-		children: /* @__PURE__ */ v("code", {
-			className: t("whitespace-pre", N),
-			children: g
+}), D = v(({ language: _, value: v, isStreaming: D, theme: O = e.Dark, copyLabel: k = "Copy code", copiedLabel: A = "Copied!", downloadLabel: j = "Download code", scrollRegionAriaLabel: M = "Scrollable code", hideDownload: N = !1, hasContentTopPadding: P = !0, containerClassName: F, headerClassName: I, codeClassName: L = "dial-code-text", languageLabelClassName: R = "dial-tiny-lead-semi-text", title: z, titleSlot: B, colors: V }) => {
+	let { isCopied: H, copy: U } = s(v), W = y(() => a(v), [v]), G = O === e.Light, K = () => {
+		r(v, `code.${i(_)}`);
+	}, q = /* @__PURE__ */ b("pre", {
+		className: P ? "p-4" : "px-4 pt-0 pb-4",
+		children: /* @__PURE__ */ b("code", {
+			className: t("whitespace-pre", L),
+			children: v
 		})
+	}), J = n({
+		"--cm-code-block-bg": V?.background,
+		"--cm-code-block-border": V?.border,
+		"--cm-code-block-header-bg": V?.headerBackground,
+		"--cm-code-block-language": V?.language,
+		"--cm-code-block-copied": V?.copied,
+		"--cm-code-block-scrollbar": V?.scrollbar
 	});
-	return /* @__PURE__ */ y("div", {
-		style: n({
-			"--cm-code-block-bg": L?.background,
-			"--cm-code-block-border": L?.border,
-			"--cm-code-block-header-bg": L?.headerBackground,
-			"--cm-code-block-language": L?.language,
-			"--cm-code-block-copied": L?.copied,
-			"--cm-code-block-scrollbar": L?.scrollbar
-		}),
-		className: t("my-4 max-w-full rounded-xl border [overflow:clip]", c.container, V && c.containerLight, j, o.codeBlock),
+	return /* @__PURE__ */ x("div", {
+		style: J,
+		className: t("my-4 max-w-full overflow-clip rounded-xl border", c.container, G && c.containerLight, F, o.codeBlock),
 		children: [
-			/* @__PURE__ */ y("div", {
-				className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", I == null ? "py-2" : "py-0", c.header, M, o.codeBlockHeader),
-				children: [I ?? /* @__PURE__ */ v("span", {
-					className: t(c.languageLabel, P),
-					children: F ?? h
-				}), !T && /* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
+				className: t("sticky top-0 z-10 flex min-h-10 items-center justify-between px-4", B == null ? "py-2" : "py-0", c.header, I, o.codeBlockHeader),
+				children: [B ?? /* @__PURE__ */ b("span", {
+					className: t(c.languageLabel, R),
+					children: z ?? _
+				}), !D && /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-1",
-					children: [!A && /* @__PURE__ */ v(p, {
-						icon: /* @__PURE__ */ v(S, {
+					children: [!N && /* @__PURE__ */ b(p, {
+						icon: /* @__PURE__ */ b(w, {
 							size: u.SM,
 							stroke: d
 						}),
-						"aria-label": k,
+						"aria-label": j,
 						size: f.Small,
-						onClick: H
-					}), /* @__PURE__ */ v(p, {
-						icon: R ? /* @__PURE__ */ v(b, {
+						onClick: K
+					}), /* @__PURE__ */ b(p, {
+						icon: H ? /* @__PURE__ */ b(S, {
 							size: u.SM,
 							className: c.copiedIcon,
 							"aria-hidden": !0,
 							stroke: d
-						}) : /* @__PURE__ */ v(x, {
+						}) : /* @__PURE__ */ b(C, {
 							size: u.SM,
 							"aria-hidden": !0,
 							stroke: d
 						}),
-						"aria-label": D,
+						"aria-label": k,
 						size: f.Small,
-						onClick: z
+						onClick: U
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: t(c.scrollContainer, "max-h-[60vh] overflow-auto"),
 				dir: "ltr",
-				children: h && B ? /* @__PURE__ */ v(m, {
-					fallback: U,
-					children: /* @__PURE__ */ v(w, {
-						language: h,
-						style: C[E] ?? l,
+				role: "region",
+				"aria-label": M,
+				tabIndex: 0,
+				children: _ && W ? /* @__PURE__ */ b(g, {
+					fallback: q,
+					children: /* @__PURE__ */ b(E, {
+						language: _,
+						style: T[O] ?? l,
 						customStyle: {
 							margin: 0,
 							borderRadius: 0,
 							background: "transparent",
-							fontSize: 14,
-							lineHeight: 1.5,
-							padding: "14px 16px",
-							letterSpacing: 0
+							padding: P ? "14px 16px" : "0 16px 14px"
 						},
-						codeTagProps: { className: N },
-						children: g
+						className: L,
+						codeTagProps: { className: L },
+						children: v
 					})
-				}) : U
+				}) : q
 			}),
-			/* @__PURE__ */ v("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: R ? O : ""
+			/* @__PURE__ */ b(m, {
+				visuallyHidden: !0,
+				as: h.Span,
+				children: H ? A : ""
 			})
 		]
 	});
 });
 //#endregion
-export { T as MarkdownCodeBlock };
+export { D as MarkdownCodeBlock };

package/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss.js

@@ -1,10 +1,11 @@
-var e = {
-	container: "_container_sqe5k_1",
-	containerLight: "_containerLight_sqe5k_6",
-	header: "_header_sqe5k_10",
-	languageLabel: "_languageLabel_sqe5k_15",
-	copiedIcon: "_copiedIcon_sqe5k_19",
-	scrollContainer: "_scrollContainer_sqe5k_23"
+//#region src/components/MarkdownRenderer/CodeBlock/CodeBlock.module.scss
+var e = "_container_sqe5k_1", t = "_containerLight_sqe5k_6", n = "_header_sqe5k_10", r = "_languageLabel_sqe5k_15", i = "_copiedIcon_sqe5k_19", a = "_scrollContainer_sqe5k_23", o = {
+	container: e,
+	containerLight: t,
+	header: n,
+	languageLabel: r,
+	copiedIcon: i,
+	scrollContainer: a
 };
 //#endregion
-export { e as default };
+export { e as container, t as containerLight, i as copiedIcon, o as default, n as header, r as languageLabel, a as scrollContainer };

package/components/MarkdownRenderer/CodeBlock/syntax-theme.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+/** Style map consumed by `react-syntax-highlighter`'s `Prism` renderer. */
+type PrismStyleMap = Record<string, CSSProperties>;
+/** Prism syntax-highlighting style map used by {@link MarkdownCodeBlock}, restrained to design-system CSS variables. */
+export declare const restrainedSyntaxTheme: PrismStyleMap;
+export {};
+//# sourceMappingURL=syntax-theme.d.ts.map

package/components/MarkdownRenderer/CodeBlock/syntax-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntax-theme.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/syntax-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,2EAA2E;AAC3E,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASnD,wHAAwH;AACxH,eAAO,MAAM,qBAAqB,EAAE,aA6DnC,CAAC"}

package/components/MarkdownRenderer/MDMessageViewer.d.ts

@@ -0,0 +1,66 @@
+import { FC } from 'react';
+import { Components, Options } from 'react-markdown';
+import { CodeBlockTheme } from '../../types/code-editor';
+import { MarkdownRendererClassNames } from './MarkdownRenderer';
+import { MarkdownTableActionLabels } from './Table/MarkdownTable';
+/** Props for the {@link MDMessageViewer} markdown renderer. */
+interface MDMessageViewerProps {
+    /** Raw markdown string to render. */
+    content: string;
+    /**
+     * Renders `content` verbatim as escaped plain text instead of running the
+     * Markdown pipeline — the conversation's `plain_text` response format.
+     * Markdown-only props (`components`, `urlTransform`, the code-block and
+     * table labels) do not apply while it is set. Defaults to `false`.
+     */
+    isPlainText?: boolean;
+    /** Enables gradual reveal for appended streaming content. */
+    isStreaming?: boolean;
+    /**
+     * Label shown while `isStreaming` is true and no content has arrived yet.
+     * Forwarded to {@link MarkdownRenderer}. Defaults to `'Thinking'`.
+     */
+    thinkingLabel?: string;
+    /**
+     * Additional react-markdown component overrides merged on top of the
+     * built-in map. Use to inject custom React nodes (e.g. citation markers)
+     * into specific markdown elements without modifying the viewer directly.
+     */
+    components?: Components;
+    /**
+     * Rewrites `href` and `src` values before they are rendered. Forwarded to
+     * {@link MarkdownRenderer}. Defaults to no extra rewrite.
+     */
+    urlTransform?: (url: string) => string;
+    /** Extra rehype plugins forwarded to {@link MarkdownRenderer}. Defaults to none. */
+    rehypePlugins?: NonNullable<Options['rehypePlugins']>;
+    /** When `false`, raw HTML renders as literal text. Forwarded to {@link MarkdownRenderer}; defaults to `true`. */
+    isRawHtmlEnabled?: boolean;
+    /** Accessible label for the copy button in code blocks. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockCopyLabel?: string;
+    /** Accessible label for the copy button after copying. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for the code-block download button. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockDownloadLabel?: string;
+    /** Syntax highlight color theme for code blocks. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockTheme?: CodeBlockTheme;
+    /** Localized labels for Markdown table actions. Forwarded to {@link MarkdownRenderer}. */
+    tableActionLabels?: MarkdownTableActionLabels;
+    /** Filename used when downloading a Markdown table as CSV. Forwarded to {@link MarkdownRenderer}. */
+    tableDownloadFilename?: string;
+    tableOnOpenInCanvas?: (markdown: string) => void;
+    /** Accessible label for a table's scrollable region. Forwarded to {@link MarkdownRenderer}. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region. Forwarded to {@link MarkdownRenderer}. */
+    mathScrollRegionAriaLabel?: string;
+    /**
+     * Per-element typography classes. Defaults to {@link DEFAULT_MARKDOWN_CLASS_NAMES};
+     * pass {@link COMPACT_MARKDOWN_CLASS_NAMES} for the smaller body scale. Give a
+     * stable reference: this component is memoised.
+     */
+    classNames?: MarkdownRendererClassNames;
+}
+/** Renders message content as formatted markdown, or as escaped plain text when `isPlainText` is set. */
+export declare const MDMessageViewer: FC<MDMessageViewerProps>;
+export {};
+//# sourceMappingURL=MDMessageViewer.d.ts.map

package/components/MarkdownRenderer/MDMessageViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MDMessageViewer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/MDMessageViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,+DAA+D;AAC/D,UAAU,oBAAoB;IAC5B,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,oFAAoF;IACpF,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACtD,iHAAiH;IACjH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kGAAkG;IAClG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iGAAiG;IACjG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,qGAAqG;IACrG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,+FAA+F;IAC/F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uGAAuG;IACvG,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,0BAA0B,CAAC;CACzC;AAED,yGAAyG;AACzG,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiDpD,CAAC"}

package/components/MarkdownRenderer/MDMessageViewer.js

@@ -4,27 +4,29 @@ import { PlainTextRenderer as n } from "./PlainTextRenderer.js";
 import { memo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/MDMessageViewer.tsx
-var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, components: c, urlTransform: l, codeBlockCopyLabel: u, codeBlockCopiedLabel: d, codeBlockDownloadLabel: f, codeBlockTheme: p, tableActionLabels: m, tableDownloadFilename: h, tableOnOpenInCanvas: g, tableScrollRegionAriaLabel: _, mathScrollRegionAriaLabel: v, classNames: y = t }) => a ? /* @__PURE__ */ i(n, {
+var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, components: c, urlTransform: l, rehypePlugins: u, isRawHtmlEnabled: d, codeBlockCopyLabel: f, codeBlockCopiedLabel: p, codeBlockDownloadLabel: m, codeBlockTheme: h, tableActionLabels: g, tableDownloadFilename: _, tableOnOpenInCanvas: v, tableScrollRegionAriaLabel: y, mathScrollRegionAriaLabel: b, classNames: x = t }) => a ? /* @__PURE__ */ i(n, {
 	content: r,
 	isStreaming: o,
 	thinkingLabel: s,
-	classNames: y
+	classNames: x
 }) : /* @__PURE__ */ i(e, {
 	content: r,
 	isStreaming: o,
 	thinkingLabel: s,
 	components: c,
 	urlTransform: l,
-	codeBlockCopyLabel: u,
-	codeBlockCopiedLabel: d,
-	codeBlockDownloadLabel: f,
-	codeBlockTheme: p,
-	tableActionLabels: m,
-	tableDownloadFilename: h,
-	tableOnOpenInCanvas: g,
-	tableScrollRegionAriaLabel: _,
-	mathScrollRegionAriaLabel: v,
-	classNames: y
+	rehypePlugins: u,
+	isRawHtmlEnabled: d,
+	codeBlockCopyLabel: f,
+	codeBlockCopiedLabel: p,
+	codeBlockDownloadLabel: m,
+	codeBlockTheme: h,
+	tableActionLabels: g,
+	tableDownloadFilename: _,
+	tableOnOpenInCanvas: v,
+	tableScrollRegionAriaLabel: y,
+	mathScrollRegionAriaLabel: b,
+	classNames: x
 }));
 //#endregion
 export { a as MDMessageViewer };

package/components/MarkdownRenderer/MarkdownRenderer.d.ts

@@ -0,0 +1,145 @@
+import { FC } from 'react';
+import { Components, Options } from 'react-markdown';
+import { CodeBlockTheme } from '../../types/code-editor';
+import { MarkdownTableActionLabels, MarkdownTableClassNames } from './Table/MarkdownTable';
+/** Per-element className overrides passed to {@link MarkdownRenderer}. */
+export interface MarkdownRendererClassNames extends MarkdownTableClassNames {
+    /** Class on `<h1>`. */
+    h1?: string;
+    /** Class on `<h2>`. */
+    h2?: string;
+    /** Class on `<h3>`. */
+    h3?: string;
+    /** Class on `<h4>`. */
+    h4?: string;
+    /** Class on `<h5>`. */
+    h5?: string;
+    /** Class on `<h6>`. */
+    h6?: string;
+    /** Classes on `<p>` elements. */
+    p?: string;
+    /** Extra classes on `<ul>` (base: `list-disc ps-[2em]`). */
+    ul?: string;
+    /** Extra classes on `<ol>` (base: `list-decimal ps-[2em]`). */
+    ol?: string;
+    /** Typography class for `<strong>`. Defaults to `'dial-body-paragraph-semi-text'` — the semibold step matching the default `p` class. */
+    strong?: string;
+    /** Typography class for `<em>`. Defaults to `'italic'`. */
+    em?: string;
+    /** Extra classes on the {@link MarkdownCodeBlock} outer container. */
+    codeBlockContainer?: string;
+    /** Extra classes on the {@link MarkdownCodeBlock} header bar. */
+    codeBlockHeader?: string;
+    /** Typography class for the `<code>` element inside a code block. Defaults to `'dial-code-text'`. */
+    codeFont?: string;
+    /** Extra classes on inline `<code>` (base: `rounded px-1 py-0.5`). */
+    codeInline?: string;
+    /** Typography class for inline `<code>`. Defaults to `'dial-code-text'`. */
+    codeInlineFont?: string;
+    /** Extra classes on `<blockquote>` (base uses a logical start border and padding). */
+    blockquote?: string;
+    /** Extra classes on `<a>` (base uses the accent text color and an offset underline). */
+    link?: string;
+    /** Extra classes on `<hr>` separators. */
+    hr?: string;
+    /** Extra classes on deleted text rendered by GFM. */
+    del?: string;
+    /** Extra classes on `<th>` and `<td>` (base includes borders, spacing, and text wrapping). */
+    tableCell?: string;
+    /** Extra classes on `<td>` only (applied before `tableCell`, e.g. a body-cell background). */
+    tableBodyCell?: string;
+    /** Extra classes on `<th>` only (applied alongside `tableCell`). */
+    tableHeader?: string;
+    /** Typography class for `<th>` cells. Defaults to `'dial-tiny-lead-semi-text'`. Text color is set separately via `colors.tableHeaderText`. */
+    tableHeaderFont?: string;
+    /** Extra classes on the scrollable wrapper around block (display) LaTeX formulas. */
+    mathBlock?: string;
+}
+/** Props for {@link MarkdownRenderer}. */
+export interface MarkdownRendererProps {
+    /** Raw markdown string to render. */
+    content: string;
+    /** Classes applied to the renderer root. */
+    containerClassName?: string;
+    /** When true, appended content is revealed gradually for smoother streaming updates. */
+    isStreaming?: boolean;
+    /** Reveal speed used while `isStreaming` is true. Defaults to 120 characters per second. */
+    streamCharactersPerSecond?: number;
+    /** Per-element styling classes. Merged with structural base classes inside the component. Defaults to no overrides (`{}`). */
+    classNames?: MarkdownRendererClassNames;
+    /**
+     * Full component overrides merged on top of the built-in map.
+     * Use for elements not covered by `classNames`.
+     */
+    components?: Components;
+    /**
+     * Rewrites `href` and `src` values before they are rendered. The result is
+     * still passed through react-markdown's protocol allowlist. Hosts use this
+     * to map DIAL file ids (`files/{bucket}/{path}`) to download URLs. Defaults
+     * to no extra rewrite.
+     */
+    urlTransform?: (url: string) => string;
+    /** Extra rehype plugins, applied after the built-in KaTeX pass. Defaults to none. */
+    rehypePlugins?: NonNullable<Options['rehypePlugins']>;
+    /** When `false`, raw HTML in `content` renders as literal text instead of being parsed into elements. Defaults to `true`. */
+    isRawHtmlEnabled?: boolean;
+    /**
+     * Label shown with a shimmer animation while `isStreaming` is true and no content has arrived yet.
+     * Defaults to `'Thinking'`. Pass a translated string from the consuming app.
+     */
+    thinkingLabel?: string;
+    /** Accessible label for the copy button in code blocks. Defaults to `'Copy code'`. */
+    codeBlockCopyLabel?: string;
+    /** Accessible label for the copy button after copying. Defaults to `'Copied!'`. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for the download button in code blocks. Defaults to `'Download code'`. */
+    codeBlockDownloadLabel?: string;
+    /** Syntax highlight color theme for code blocks and tables. Defaults to `'dark'`. */
+    codeBlockTheme?: CodeBlockTheme;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: MarkdownRendererColors;
+    /** Localized labels for Markdown table actions. Supplying them enables the action bar. */
+    tableActionLabels?: MarkdownTableActionLabels;
+    /** Filename used when downloading a Markdown table as CSV. Defaults to `'table.csv'`. */
+    tableDownloadFilename?: string;
+    tableOnOpenInCanvas?: (markdown: string) => void;
+    /** Accessible label for a table's horizontally scrollable region. Defaults to `'Scrollable table'`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's horizontally scrollable region. Defaults to `'Scrollable formula'`. */
+    mathScrollRegionAriaLabel?: string;
+    /** Accessible label for a code block's scrollable region. Defaults to `'Scrollable code'`. */
+    codeBlockScrollRegionAriaLabel?: string;
+}
+/** CSS custom-property overrides for the `MarkdownRenderer` component. */
+export interface MarkdownRendererColors {
+    /** Primary color of the "thinking" shimmer gradient. */
+    thinkingPrimary?: string;
+    /** Secondary color of the "thinking" shimmer gradient. */
+    thinkingSecondary?: string;
+    /** Border color for `<hr>` separators and table cell borders. */
+    border?: string;
+    /** Border color for the `<blockquote>` start border. Defaults to `--stroke-primary`. */
+    blockquoteBorder?: string;
+    /** Text color for `<blockquote>` content. Defaults to `--text-secondary`. */
+    blockquoteText?: string;
+    /** Text color for `<a>` links. Defaults to `--text-accent`. */
+    linkText?: string;
+    /** Focus-visible outline color for `<a>` links. Defaults to `--stroke-focus`. */
+    linkFocus?: string;
+    /** Text color for `<th>` table header cells. Defaults to `--text-secondary`. */
+    tableHeaderText?: string;
+    /** Text color for `<h6>` headings. Defaults to `--text-secondary`. */
+    headingSixText?: string;
+    /** Background color for inline `<code>` spans. Defaults to `--bg-layer-raised`. */
+    inlineCodeBackground?: string;
+    /** Text color for inline `<code>` spans. Defaults to `--text-primary`. */
+    inlineCodeText?: string;
+    /** Scrollbar thumb color of a horizontally scrolling display formula. Defaults to `--stroke-primary`. */
+    mathScrollbar?: string;
+    /** Focus-visible outline color of a scrollable display formula. Defaults to `--stroke-focus`. */
+    mathFocus?: string;
+}
+export declare const defaultMarkdownComponents: Components;
+/** Markdown renderer with GFM support. Styling is driven by `classNames`; structural overrides via `components`. */
+export declare const MarkdownRenderer: FC<MarkdownRendererProps>;
+//# sourceMappingURL=MarkdownRenderer.d.ts.map

package/components/MarkdownRenderer/MarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}