@epam/ai-dial-chat-shared 1.3.0-dev.28 → 1.3.0-dev.288

package/components/MarkdownRenderer/Table/MarkdownTable.js

@@ -5,88 +5,93 @@ import { downloadTextFile as r } from "../../../utils/file-download.js";
 import { CHAT_SHARED_CLASS as i } from "../../../constants/public-class-names.js";
 import { useHorizontalOverflow as a } from "../../../hooks/useHorizontalOverflow.js";
 import o from "./MarkdownTable.module.scss.js";
-import { MARKDOWN_TABLE_CSV_MIME_TYPE as s, MarkdownTableCopyFormat as c, serializeMarkdownTableRows as l } from "./table-serialization.js";
-import { useMarkdownTableActions as u } from "./useMarkdownTableActions/useMarkdownTableActions.js";
-import { ElementSize as d, GhostIconButton as f } from "@epam/ai-dial-ui-kit";
-import { memo as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME as s, MARKDOWN_TABLE_CSV_MIME_TYPE as c, MarkdownTableCopyFormat as l, serializeMarkdownTableRows as u } from "./table-serialization.js";
+import { useMarkdownTableActions as d } from "./useMarkdownTableActions/useMarkdownTableActions.js";
+import { ElementSize as f, GhostIconButton as p, LiveRegion as m, LiveRegionElement as h } from "@epam/ai-dial-ui-kit";
+import { memo as g, useCallback as _, useEffect as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/Table/MarkdownTable.tsx
-var b = 2e3, x = p(({ children: p, classNames: x, colors: S, actionLabels: C, downloadFilename: w, isStreaming: T, onOpenInCanvas: E, scrollRegionAriaLabel: D = "Scrollable table" }) => {
-	let [O, k] = _(!1), A = g(null), { scrollContainerRef: j, contentRef: M, hasContentBeyondStart: N, hasContentBeyondEnd: P, handleScroll: F } = a(), I = t({
-		"--cm-markdown-border": S?.border,
-		"--cm-table-scrollbar": S?.scrollbar,
-		"--cm-table-fade": S?.fade,
-		"--cm-table-row-divider": S?.rowDivider,
-		"--cm-table-row-hover-bg": S?.rowHoverBackground
-	}), L = N || P;
-	h(() => () => {
-		A.current != null && clearTimeout(A.current);
+var C = 2e3, w = g(({ children: s, classNames: g, colors: w, actionLabels: T, downloadFilename: E, isStreaming: D, onOpenInCanvas: O, scrollRegionAriaLabel: k = "Scrollable table" }) => {
+	let [A, j] = b(!1), M = y(null), { scrollContainerRef: N, contentRef: P, hasContentBeyondStart: F, hasContentBeyondEnd: I, handleScroll: L } = a(), R = t({
+		"--cm-markdown-border": w?.border,
+		"--cm-table-scrollbar": w?.scrollbar,
+		"--cm-table-fade": w?.fade,
+		"--cm-table-row-divider": w?.rowDivider,
+		"--cm-table-row-hover-bg": w?.rowHoverBackground,
+		"--cm-table-actions-border": w?.actionsBorder,
+		"--cm-table-actions-bg": w?.actionsBackground
+	}), z = F || I;
+	v(() => () => {
+		M.current != null && clearTimeout(M.current);
 	}, []);
-	let R = m(() => {
-		let e = M.current;
-		e != null && n(l(Array.from(e.rows), c.Markdown)).then((e) => {
-			e && (A.current != null && clearTimeout(A.current), k(!0), A.current = setTimeout(() => {
-				k(!1);
-			}, b));
+	let B = _(() => {
+		let e = P.current;
+		if (e == null) return;
+		let t = u(Array.from(e.rows), l.Markdown);
+		n(t).then((e) => {
+			e && (M.current != null && clearTimeout(M.current), j(!0), M.current = setTimeout(() => {
+				j(!1);
+			}, C));
 		});
-	}, [M]), z = m(() => {
-		let e = M.current;
-		e != null && r(`\uFEFF${l(Array.from(e.rows), c.Csv)}`, w ?? "table.csv", s);
-	}, [M, w]), B = m(() => {
-		let e = M.current;
-		e == null || E == null || E(l(Array.from(e.rows), c.Markdown));
-	}, [M, E]), V = u({
-		actionLabels: C,
-		isCopied: O,
-		onCopy: R,
-		onDownloadCsv: z,
-		onOpenInCanvas: E == null ? void 0 : B
-	}), H = V.length > 0 && !T;
-	return /* @__PURE__ */ y("div", {
-		style: I,
-		className: e("group/table relative w-full min-w-0 max-w-full rounded-xl border [overflow:clip]", o.tableContainer, x.tableWrapper, i.table),
+	}, [P]), V = _(() => {
+		let e = P.current;
+		if (e == null) return;
+		let t = u(Array.from(e.rows), l.Csv);
+		r(`\uFEFF${t}`, E ?? "table.csv", c);
+	}, [P, E]), H = _(() => {
+		let e = P.current;
+		e != null && O != null && O(u(Array.from(e.rows), l.Markdown));
+	}, [P, O]), U = d({
+		actionLabels: T,
+		isCopied: A,
+		onCopy: B,
+		onDownloadCsv: V,
+		onOpenInCanvas: O == null ? void 0 : H
+	}), W = U.length > 0 && !D;
+	return /* @__PURE__ */ S("div", {
+		style: R,
+		className: e("group/table relative w-full max-w-full min-w-0 overflow-clip rounded-xl border", o.tableContainer, g.tableWrapper, i.table),
 		children: [
-			H && /* @__PURE__ */ v("div", {
+			W && /* @__PURE__ */ x("div", {
 				className: "sticky top-0 z-10 h-0",
-				children: /* @__PURE__ */ v("div", {
-					className: "absolute end-2 top-2 flex items-center gap-1 rounded-lg border border-tertiary bg-layer-raised px-2 py-1 opacity-0 shadow-xs transition-opacity focus-within:opacity-100 group-hover/table:opacity-100",
-					children: V.map((e) => /* @__PURE__ */ v(f, {
+				children: /* @__PURE__ */ x("div", {
+					className: e("absolute inset-e-2 top-2 flex items-center gap-1 rounded-lg border px-2 py-1 opacity-0 shadow-xs transition-opacity group-hover/table:opacity-100 focus-within:opacity-100", o.actions),
+					children: U.map((e) => /* @__PURE__ */ x(p, {
 						tooltipProps: { tooltip: e.label },
 						"aria-label": e.label,
-						icon: /* @__PURE__ */ v("span", {
+						icon: /* @__PURE__ */ x("span", {
 							"aria-hidden": !0,
 							children: e.icon
 						}),
-						size: d.Small,
+						size: f.Small,
 						onClick: e.onClick
 					}, e.label))
 				})
 			}),
-			/* @__PURE__ */ v("div", {
-				ref: j,
-				className: e("w-full min-w-0 max-w-full overflow-x-auto", o.scrollContainer, x.tableScrollContainer, {
-					[o.tableScrollFadeBoth]: N && P,
-					[o.tableScrollFadeStart]: N && !P,
-					[o.tableScrollFadeEnd]: !N && P
+			/* @__PURE__ */ x("div", {
+				ref: N,
+				className: e("w-full max-w-full min-w-0 overflow-x-auto", o.scrollContainer, g.tableScrollContainer, {
+					[o.tableScrollFadeBoth]: F && I,
+					[o.tableScrollFadeStart]: F && !I,
+					[o.tableScrollFadeEnd]: !F && I
 				}, i.tableScroll),
-				onScroll: F,
-				role: L ? "region" : void 0,
-				"aria-label": L ? D : void 0,
-				tabIndex: L ? 0 : void 0,
-				children: /* @__PURE__ */ v("table", {
-					ref: M,
-					className: e("w-max min-w-full border-collapse", x.tableFont ?? "dial-small-text"),
-					children: p
+				onScroll: L,
+				role: z ? "region" : void 0,
+				"aria-label": z ? k : void 0,
+				tabIndex: z ? 0 : void 0,
+				children: /* @__PURE__ */ x("table", {
+					ref: P,
+					className: e("w-max min-w-full border-collapse", g.tableFont ?? "dial-small-text"),
+					children: s
 				})
 			}),
-			C?.copyLabel && /* @__PURE__ */ v("span", {
-				"aria-live": "polite",
-				className: "sr-only",
-				role: "status",
-				children: O ? C.copiedLabel ?? "" : ""
+			T?.copyLabel && /* @__PURE__ */ x(m, {
+				visuallyHidden: !0,
+				as: h.Span,
+				children: A ? T.copiedLabel ?? "" : ""
 			})
 		]
 	});
 });
 //#endregion
-export { x as MarkdownTable };
+export { s as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, c as MARKDOWN_TABLE_CSV_MIME_TYPE, w as MarkdownTable, l as MarkdownTableCopyFormat, u as serializeMarkdownTableRows };

package/components/MarkdownRenderer/Table/MarkdownTable.module.scss.js

@@ -1,15 +1,17 @@
-var e = {
-	tableContainer: "_tableContainer_1qw2e_1",
-	tableContainerLight: "_tableContainerLight_1qw2e_6",
-	copiedIcon: "_copiedIcon_1qw2e_10",
-	scrollContainer: "_scrollContainer_1qw2e_14",
-	tableHeaderCell: "_tableHeaderCell_1qw2e_30",
-	sectionRow: "_sectionRow_1qw2e_37",
-	rowDivider: "_rowDivider_1qw2e_41",
-	row: "_row_1qw2e_41",
-	tableScrollFadeEnd: "_tableScrollFadeEnd_1qw2e_51",
-	tableScrollFadeStart: "_tableScrollFadeStart_1qw2e_59",
-	tableScrollFadeBoth: "_tableScrollFadeBoth_1qw2e_67"
+//#region src/components/MarkdownRenderer/Table/MarkdownTable.module.scss
+var e = "_tableContainer_82t2b_1", t = "_tableContainerLight_82t2b_6", n = "_actions_82t2b_10", r = "_copiedIcon_82t2b_15", i = "_scrollContainer_82t2b_19", a = "_tableHeaderCell_82t2b_35", o = "_sectionRow_82t2b_42", s = "_rowDivider_82t2b_46", c = "_row_82t2b_46", l = "_tableScrollFadeEnd_82t2b_56", u = "_tableScrollFadeStart_82t2b_64", d = "_tableScrollFadeBoth_82t2b_72", f = {
+	tableContainer: e,
+	tableContainerLight: t,
+	actions: n,
+	copiedIcon: r,
+	scrollContainer: i,
+	tableHeaderCell: a,
+	sectionRow: o,
+	rowDivider: s,
+	row: c,
+	tableScrollFadeEnd: l,
+	tableScrollFadeStart: u,
+	tableScrollFadeBoth: d
 };
 //#endregion
-export { e as default };
+export { n as actions, r as copiedIcon, f as default, c as row, s as rowDivider, i as scrollContainer, o as sectionRow, e as tableContainer, t as tableContainerLight, a as tableHeaderCell, d as tableScrollFadeBoth, l as tableScrollFadeEnd, u as tableScrollFadeStart };

package/components/MarkdownRenderer/Table/TableHeader.d.ts

@@ -0,0 +1,22 @@
+import { FC, ReactNode } from 'react';
+/** A single action rendered by {@link TableHeader}. */
+export interface TableHeaderAction {
+    /** Stable accessible name and tooltip text. */
+    label: string;
+    /** Decorative icon content rendered inside the action button. */
+    icon: ReactNode;
+    /** Called when the action button is activated. */
+    onClick: () => void;
+}
+/** Props for {@link TableHeader}. */
+export interface TableHeaderProps {
+    /** Content rendered at the inline start of the header. */
+    children?: ReactNode;
+    /** Action descriptors rendered as icon buttons at the inline end. */
+    actions?: TableHeaderAction[];
+    /** Extra classes merged onto the header. */
+    className?: string;
+}
+/** Reusable table header with caller-supplied leading content and actions. */
+export declare const TableHeader: FC<TableHeaderProps>;
+//# sourceMappingURL=TableHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,uDAAuD;AACvD,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,EAAE,SAAS,CAAC;IAChB,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8EAA8E;AAC9E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgC5C,CAAC"}

package/components/MarkdownRenderer/Table/TableHeader.module.scss.js

@@ -1,3 +1,4 @@
-var e = { tableHeader: "_tableHeader_1qvg8_1" };
+//#region src/components/MarkdownRenderer/Table/TableHeader.module.scss
+var e = "_tableHeader_1qvg8_1", t = { tableHeader: e };
 //#endregion
-export { e as default };
+export { t as default, e as tableHeader };

package/components/MarkdownRenderer/Table/table-serialization.d.ts

@@ -0,0 +1,16 @@
+export declare enum MarkdownTableCopyFormat {
+    Csv = "csv",
+    Markdown = "markdown"
+}
+/** Default filename used when downloading a Markdown table as CSV. */
+export declare const DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME = "table.csv";
+/** MIME type used when downloading a Markdown table as CSV. */
+export declare const MARKDOWN_TABLE_CSV_MIME_TYPE = "text/csv;charset=utf-8";
+export interface MarkdownTableActionLabels {
+    copyLabel?: string;
+    copiedLabel?: string;
+    downloadCsvLabel?: string;
+    openInCanvasLabel?: string;
+}
+export declare const serializeMarkdownTableRows: (rows: readonly HTMLTableRowElement[], format: MarkdownTableCopyFormat) => string;
+//# sourceMappingURL=table-serialization.d.ts.map

package/components/MarkdownRenderer/Table/table-serialization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-serialization.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/Table/table-serialization.ts"],"names":[],"mappings":"AAAA,oBAAY,uBAAuB;IACjC,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,sEAAsE;AACtE,eAAO,MAAM,wCAAwC,cAAc,CAAC;AACpE,+DAA+D;AAC/D,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAsID,eAAO,MAAM,0BAA0B,GACrC,MAAM,SAAS,mBAAmB,EAAE,EACpC,QAAQ,uBAAuB,KAC9B,MAiBF,CAAC"}

package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { MarkdownTableActionLabels } from '../table-serialization';
+/** A table action rendered as an icon button. */
+export interface MarkdownTableHeaderAction {
+    /** Stable accessible name and tooltip text. */
+    label: string;
+    /** Decorative icon content. */
+    icon: ReactNode;
+    /** Called when the action is activated. */
+    onClick: () => void;
+}
+/** Params for {@link useMarkdownTableActions}. */
+export interface UseMarkdownTableActionsParams {
+    /** Localized labels for table actions. `undefined` yields no actions. */
+    actionLabels: MarkdownTableActionLabels | undefined;
+    /** Whether the table has just been copied (shows a checkmark on the copy button). */
+    isCopied: boolean;
+    /** Called when the copy action is activated. */
+    onCopy: () => void;
+    /** Called when the download-as-CSV action is activated. */
+    onDownloadCsv: () => void;
+    /** Called when the open-in-canvas action is activated. Omit to hide that action. */
+    onOpenInCanvas?: () => void;
+}
+/** Builds the {@link MarkdownTableHeaderAction} list for a table's action bar from its localized labels. */
+export declare const useMarkdownTableActions: ({ actionLabels, isCopied, onCopy, onDownloadCsv, onOpenInCanvas, }: UseMarkdownTableActionsParams) => MarkdownTableHeaderAction[];
+//# sourceMappingURL=useMarkdownTableActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownTableActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,iDAAiD;AACjD,MAAM,WAAW,yBAAyB;IACxC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,yEAAyE;IACzE,YAAY,EAAE,yBAAyB,GAAG,SAAS,CAAC;IACpD,qFAAqF;IACrF,QAAQ,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2DAA2D;IAC3D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,4GAA4G;AAC5G,eAAO,MAAM,uBAAuB,GAAI,oEAMrC,6BAA6B,KAAG,yBAAyB,EAyD3D,CAAC"}

package/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+/** Props for {@link MarkdownTaskCheckbox}. */
+export interface MarkdownTaskCheckboxProps {
+    /** Whether the GFM task-list item is checked. Defaults to `false`. */
+    checked?: boolean;
+}
+/** Read-only checkbox for GFM task-list items (`- [ ]` / `- [x]`). */
+export declare const MarkdownTaskCheckbox: FC<MarkdownTaskCheckboxProps>;
+//# sourceMappingURL=MarkdownTaskCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTaskCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/TaskCheckbox/MarkdownTaskCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAM9D,CAAC"}

package/components/MarkdownRenderer/ThinkingShimmer.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { MarkdownRendererColors } from './MarkdownRenderer';
+/** Props for {@link ThinkingShimmer}. */
+export interface ThinkingShimmerProps {
+    /** Text rendered with the shimmer animation. */
+    label: string;
+    /** Gradient color overrides applied as CSS custom properties. */
+    colors?: Pick<MarkdownRendererColors, 'thinkingPrimary' | 'thinkingSecondary'>;
+}
+/**
+ * The "thinking" placeholder both message renderers show while a stream has
+ * started but no content has arrived yet. Owns the mapping from the public
+ * color props to the gradient's CSS variables — `thinkingPrimary` drives
+ * `--cm-thinking-inverted` — so that mapping exists in one place.
+ */
+export declare const ThinkingShimmer: FC<ThinkingShimmerProps>;
+//# sourceMappingURL=ThinkingShimmer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingShimmer.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/ThinkingShimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,yCAAyC;AACzC,MAAM,WAAW,oBAAoB;IACnC,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,MAAM,CAAC,EAAE,IAAI,CACX,sBAAsB,EACtB,iBAAiB,GAAG,mBAAmB,CACxC,CAAC;CACH;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAapD,CAAC"}

package/components/MarkdownRenderer/markdown-class-names.d.ts

@@ -0,0 +1,10 @@
+import { MarkdownRendererClassNames } from './MarkdownRenderer';
+/** Default typography classNames for rendering markdown with full visual hierarchy. */
+export declare const DEFAULT_MARKDOWN_CLASS_NAMES: MarkdownRendererClassNames;
+/**
+ * {@link DEFAULT_MARKDOWN_CLASS_NAMES} with the body copy one step down the
+ * type scale. Headings, code, and tables are unchanged — only the text that
+ * dominates a long answer shrinks, so more of it fits on a narrow viewport.
+ */
+export declare const COMPACT_MARKDOWN_CLASS_NAMES: MarkdownRendererClassNames;
+//# sourceMappingURL=markdown-class-names.d.ts.map

package/components/MarkdownRenderer/markdown-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-class-names.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/markdown-class-names.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAErE,uFAAuF;AACvF,eAAO,MAAM,4BAA4B,EAAE,0BAe1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,EAAE,0BAI1C,CAAC"}

package/components/MarkdownRenderer/markdown-whitespace.d.ts

@@ -0,0 +1,15 @@
+/** Minimal hast node shape walked by {@link rehypePreserveSpaces}. */
+interface HastNodeLike {
+    /** Node type — `'element'`, `'text'`, `'root'`, … */
+    type: string;
+    /** Tag name of an element node. */
+    tagName?: string;
+    /** Text of a text node. */
+    value?: string;
+    /** Child nodes of a parent node. */
+    children?: HastNodeLike[];
+}
+/** Rehype plugin that keeps runs of consecutive spaces in prose visible instead of letting HTML collapse them to one. */
+export declare const rehypePreserveSpaces: () => (tree: HastNodeLike) => void;
+export {};
+//# sourceMappingURL=markdown-whitespace.d.ts.map

package/components/MarkdownRenderer/markdown-whitespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-whitespace.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/markdown-whitespace.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,UAAU,YAAY;IACpB,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AA8BD,yHAAyH;AACzH,eAAO,MAAM,oBAAoB,SAAU,MAAM,YAAY,SAE5D,CAAC"}

package/components/MarkdownRenderer/markdown-whitespace.js

@@ -1,16 +1,12 @@
 //#region src/components/MarkdownRenderer/markdown-whitespace.ts
-var e = new Set([
+var e = /* @__PURE__ */ new Set([
 	"code",
 	"pre",
 	"math",
 	"script",
 	"style"
 ]), t = "\xA0", n = / {2,}/g, r = (e) => `${t.repeat(e.length - 1)} `, i = (t) => {
-	if (t.type === "text" && t.value) {
-		t.value = t.value.replace(n, r);
-		return;
-	}
-	t.type === "element" && t.tagName && e.has(t.tagName) || t.children?.forEach(i);
+	t.type === "text" && t.value ? t.value = t.value.replace(n, r) : t.type === "element" && t.tagName && e.has(t.tagName) || t.children?.forEach(i);
 }, a = () => (e) => {
 	i(e);
 };

package/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+/** Props for {@link MarkdownWithPlaceholders}. */
+export interface MarkdownWithPlaceholdersProps {
+    /** Raw markdown string to render, read-only. */
+    content: string;
+    /** Typography class overrides applied to `<h1>`–`<h6>`. Defaults to no override. */
+    headingClassName?: string;
+    /** Accessible label for the copy button in code blocks. Forwarded to {@link MarkdownRenderer}; defaults to `'Copy code'`. */
+    codeBlockCopyLabel?: string;
+    /** Status announced after a code block has been copied. Forwarded to {@link MarkdownRenderer}; defaults to `'Copied!'`. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for the download button in code blocks. Forwarded to {@link MarkdownRenderer}; defaults to `'Download code'`. */
+    codeBlockDownloadLabel?: string;
+    /** Accessible label for a table's scrollable region. Forwarded to {@link MarkdownRenderer}; defaults to `'Scrollable table'`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region. Forwarded to {@link MarkdownRenderer}; defaults to `'Scrollable formula'`. */
+    mathScrollRegionAriaLabel?: string;
+}
+/**
+ * Renders read-only markdown with every `{{param}}` token wrapped in a
+ * `cat-prompt-variable`-classed span the host can style apart from the
+ * surrounding prose.
+ */
+export declare const MarkdownWithPlaceholders: FC<MarkdownWithPlaceholdersProps>;
+//# sourceMappingURL=MarkdownWithPlaceholders.d.ts.map

package/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownWithPlaceholders.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC5C,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6HAA6H;IAC7H,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2HAA2H;IAC3H,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qIAAqI;IACrI,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iIAAiI;IACjI,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,2IAA2I;IAC3I,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAKD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAsBtE,CAAC"}

package/components/NewVersionAlert/NewVersionAlert.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+/** User-visible strings of `NewVersionAlert`. */
+export interface NewVersionAlertLabels {
+    /** Screen heading. Defaults to `'New version available'`. */
+    heading?: string;
+    /** Explanation under the heading. Defaults to `'Reload the page to get the latest version.'`. */
+    message?: string;
+    /** Reload button text. Defaults to `'Reload the page'`. */
+    reloadLabel?: string;
+}
+/** CSS custom-property overrides for `NewVersionAlert`. */
+export interface NewVersionAlertColors {
+    /** Refresh icon color. Defaults to `--text-accent`. */
+    icon?: string;
+}
+/** Props for `NewVersionAlert`. */
+export interface NewVersionAlertProps {
+    /** Called when the reload button is activated; the host reloads the page. */
+    onReload: () => void;
+    /** User-visible strings, each with an English default. */
+    labels?: NewVersionAlertLabels;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: NewVersionAlertColors;
+}
+/** Full-screen prompt shown instead of the app once a newer build has been deployed. */
+export declare const NewVersionAlert: FC<NewVersionAlertProps>;
+//# sourceMappingURL=NewVersionAlert.d.ts.map

package/components/NewVersionAlert/NewVersionAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewVersionAlert.d.ts","sourceRoot":"","sources":["../../../src/components/NewVersionAlert/NewVersionAlert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtC,iDAAiD;AACjD,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,wFAAwF;AACxF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwBpD,CAAC"}

package/components/NewVersionAlert/NewVersionAlert.js

@@ -0,0 +1,26 @@
+import { buildCssVars as e } from "../../utils/build-css-vars.js";
+import { FullScreenAlert as t } from "../FullScreenAlert/FullScreenAlert.js";
+import n from "./NewVersionAlert.module.scss.js";
+import { DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i } from "@epam/ai-dial-ui-kit";
+import { memo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { IconRefresh as s } from "@tabler/icons-react";
+//#region src/components/NewVersionAlert/NewVersionAlert.tsx
+var c = a(({ onReload: a, labels: c, colors: l }) => /* @__PURE__ */ o("div", {
+	className: "size-full",
+	style: e({ "--nva-icon": l?.icon }),
+	children: /* @__PURE__ */ o(t, {
+		icon: /* @__PURE__ */ o(s, {
+			"aria-hidden": "true",
+			size: r.LG,
+			stroke: i,
+			className: n.icon
+		}),
+		heading: c?.heading ?? "New version available",
+		message: c?.message ?? "Reload the page to get the latest version.",
+		actionLabel: c?.reloadLabel ?? "Reload the page",
+		onAction: a
+	})
+}));
+//#endregion
+export { c as NewVersionAlert };

package/components/NewVersionAlert/NewVersionAlert.module.scss.js

@@ -0,0 +1,4 @@
+//#region src/components/NewVersionAlert/NewVersionAlert.module.scss
+var e = "_icon_18yqy_1", t = { icon: e };
+//#endregion
+export { t as default, e as icon };

package/components/NotificationStack/NotificationStack.d.ts

@@ -0,0 +1,46 @@
+import { NotificationVariant } from '@epam/ai-dial-ui-kit';
+import { FC, ReactNode } from 'react';
+/** One toast in a `NotificationStack`. */
+export interface NotificationStackItem {
+    /** Stable id, handed back to `onDismiss`. */
+    id: string;
+    /** Kit variant: icon, colour and live-region politeness. */
+    variant: NotificationVariant;
+    /** Optional heading above the message. */
+    title?: string;
+    /** Message body. */
+    message?: ReactNode;
+    /** Optional control at the toast's inline end; an action-bearing toast stays until dismissed. */
+    action?: ReactNode;
+    /** Trace id shown as a copyable "Request ID" row; a toast carrying one stays until dismissed. */
+    requestId?: string;
+}
+/** User-visible strings of `NotificationStack`. */
+export interface NotificationStackLabels {
+    /** Label before the request id. Defaults to `'Request ID'`. */
+    requestId?: string;
+    /** Accessible name of the copy button. Defaults to `'Copy request ID'`. */
+    copyRequestIdAriaLabel?: string;
+    /** Announcement after a successful copy. Defaults to `'Request ID copied'`. */
+    requestIdCopied?: string;
+    /** Announcement after a failed copy. Defaults to `"Couldn't copy request ID"`. */
+    requestIdCopyFailed?: string;
+}
+/** Props for `NotificationStack`. */
+export interface NotificationStackProps {
+    /** Toasts in arrival order; the newest renders last. */
+    items: readonly NotificationStackItem[];
+    /** Called with a toast's id when it is closed or its dismiss delay ends. */
+    onDismiss: (id: string) => void;
+    /** User-visible strings, each with an English default. */
+    labels?: NotificationStackLabels;
+    /** Delay before a plain toast dismisses itself, in milliseconds. Defaults to `5000`. */
+    dismissDelayMs?: number;
+    /** Classes of the fixed stack, replacing the default bottom-edge (phone) / bottom-end corner (desktop) placement. */
+    className?: string;
+    /** CSS class applied to the request-id row. Defaults to `'dial-tiny-text'`. */
+    requestIdClassName?: string;
+}
+/** Portalled stack of toasts that auto-dismisses plain ones and keeps request-id and action toasts until closed. */
+export declare const NotificationStack: FC<NotificationStackProps>;
+//# sourceMappingURL=NotificationStack.d.ts.map

package/components/NotificationStack/NotificationStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationStack.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationStack/NotificationStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAOL,KAAK,EAAE,EACP,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,OAAO,EAAE,mBAAmB,CAAC;IAC7B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iGAAiG;IACjG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iGAAiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mDAAmD;AACnD,MAAM,WAAW,uBAAuB;IACtC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,wDAAwD;IACxD,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxC,4EAA4E;IAC5E,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qHAAqH;IACrH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAiJD,oHAAoH;AACpH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAuDxD,CAAC"}