@epam/ai-dial-chat-shared 1.3.0-dev.37 → 1.3.0-dev.372

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.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/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/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":"AAOA,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAItC,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;AAGD,wFAAwF;AACxF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6BpD,CAAC"}

package/components/NewVersionAlert/NewVersionAlert.js

@@ -0,0 +1,28 @@
+import { buildCssVars as e } from "../../utils/build-css-vars.js";
+import t from "./NewVersionAlert.module.scss.js";
+import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r, PrimaryButton as i, StateScreen as a } from "@epam/ai-dial-ui-kit";
+import { memo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { IconRefresh as c } from "@tabler/icons-react";
+//#region src/components/NewVersionAlert/NewVersionAlert.tsx
+var l = o(({ onReload: o, labels: l, colors: u }) => /* @__PURE__ */ s("div", {
+	className: "size-full",
+	style: e({ "--nva-icon": u?.icon }),
+	children: /* @__PURE__ */ s(a, {
+		icon: /* @__PURE__ */ s(c, {
+			"aria-hidden": "true",
+			size: n.LG,
+			stroke: r,
+			className: t.icon
+		}),
+		title: l?.heading ?? "New version available",
+		description: l?.message ?? "Reload the page to get the latest version.",
+		action: /* @__PURE__ */ s(i, {
+			autoFocus: !0,
+			label: l?.reloadLabel ?? "Reload the page",
+			onClick: o
+		})
+	})
+}));
+//#endregion
+export { l 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,48 @@
+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;
+    /** Accessible name of each toast's close button. Defaults to `'Close notification'`. */
+    close?: 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;IAC7B,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;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;AAkJD,oHAAoH;AACpH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAwDxD,CAAC"}

package/components/NotificationStack/NotificationStack.js

@@ -0,0 +1,111 @@
+import { mergeClasses as e } from "../../utils/merge-class.js";
+import { copyToClipboard as t } from "../../utils/copy-to-clipboard.js";
+import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r, GhostIconButton as i, LiveRegion as a, LiveRegionElement as o, Notification as s } from "@epam/ai-dial-ui-kit";
+import { memo as c, useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { IconCopy as _ } from "@tabler/icons-react";
+import { createPortal as v } from "react-dom";
+//#region src/components/NotificationStack/NotificationStack.tsx
+var y = 2e3, b = "pointer-events-none fixed inset-x-0 bottom-[calc(1.5rem+env(safe-area-inset-bottom))] z-70 flex max-h-[calc(100dvh-3rem)] flex-col items-center gap-2 overflow-y-auto px-4 desktop:inset-s-auto desktop:me-6 desktop:w-[min(600px,calc(100vw-3rem))] desktop:items-end desktop:px-0", x = ({ requestId: s, labels: c, className: u }) => {
+	let [d, f] = p("idle");
+	l(() => {
+		if (d === "idle") return;
+		let e = window.setTimeout(() => f("idle"), y);
+		return () => window.clearTimeout(e);
+	}, [d]);
+	let m = async () => {
+		try {
+			let e = await t(s);
+			f(e ? "copied" : "failed");
+		} catch {
+			f("failed");
+		}
+	}, v = "";
+	return d === "copied" ? v = c.requestIdCopied : d === "failed" && (v = c.requestIdCopyFailed), /* @__PURE__ */ g("div", {
+		className: e("mt-1 flex min-w-0 items-center gap-1", u),
+		children: [
+			/* @__PURE__ */ g("span", {
+				className: "text-start",
+				children: [c.requestId, ":"]
+			}),
+			/* @__PURE__ */ h("span", {
+				dir: "ltr",
+				className: "min-w-0 truncate",
+				children: s
+			}),
+			/* @__PURE__ */ h(i, {
+				icon: /* @__PURE__ */ h(_, {
+					size: n.SM,
+					"aria-hidden": !0,
+					stroke: r
+				}),
+				"aria-label": c.copyRequestIdAriaLabel,
+				onClick: () => void m()
+			}),
+			/* @__PURE__ */ h(a, {
+				visuallyHidden: !0,
+				as: o.Span,
+				children: v
+			})
+		]
+	});
+}, S = c(({ item: e, onDismiss: t, dismissDelayMs: n, labels: r, requestIdClassName: i }) => {
+	l(() => {
+		if (e.requestId || e.action) return;
+		let r = setTimeout(() => t(e.id), n);
+		return () => clearTimeout(r);
+	}, [
+		e.id,
+		e.requestId,
+		e.action,
+		t,
+		n
+	]);
+	let a = d(() => /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+		className: "max-h-[30vh] overflow-y-auto wrap-anywhere",
+		children: e.message
+	}), e.requestId && /* @__PURE__ */ h(x, {
+		requestId: e.requestId,
+		labels: r,
+		className: i
+	})] }), [
+		e.message,
+		e.requestId,
+		r,
+		i
+	]);
+	return /* @__PURE__ */ h(s, {
+		className: "pointer-events-auto w-full max-w-[min(600px,100%)] desktop:w-auto",
+		variant: e.variant,
+		title: e.title,
+		message: a,
+		action: e.action,
+		closable: !0,
+		closeAriaLabel: r.close,
+		onClose: () => t(e.id)
+	});
+}), C = c(({ items: e, onDismiss: t, labels: n, dismissDelayMs: r = 5e3, className: i = b, requestIdClassName: a = "dial-tiny-text" }) => {
+	let o = f(null), s = f(/* @__PURE__ */ new Set()), c = d(() => ({
+		requestId: n?.requestId ?? "Request ID",
+		copyRequestIdAriaLabel: n?.copyRequestIdAriaLabel ?? "Copy request ID",
+		requestIdCopied: n?.requestIdCopied ?? "Request ID copied",
+		requestIdCopyFailed: n?.requestIdCopyFailed ?? "Couldn't copy request ID",
+		close: n?.close ?? "Close notification"
+	}), [n]);
+	return u(() => {
+		let t = o.current, n = s.current;
+		t && e.some(({ id: e }) => !n.has(e)) && (t.scrollTop = t.scrollHeight), s.current = new Set(e.map(({ id: e }) => e));
+	}, [e]), e.length ? v(/* @__PURE__ */ h("div", {
+		ref: o,
+		className: i,
+		children: e.map((e) => /* @__PURE__ */ h(S, {
+			item: e,
+			onDismiss: t,
+			dismissDelayMs: r,
+			labels: c,
+			requestIdClassName: a
+		}, e.id))
+	}), document.body) : null;
+});
+//#endregion
+export { C as NotificationStack };

package/components/PanelEmptyState/PanelEmptyState.d.ts

@@ -3,19 +3,29 @@ import { FC, ReactNode } from 'react';
 export interface PanelEmptyStateColors {
     /** Label text color. */
     label?: string;
+    /** Description text color. */
+    description?: string;
 }
 /** Props for `PanelEmptyState`. */
 export interface PanelEmptyStateProps {
     /** Primary message of the empty state. */
     label: string;
+    /** Secondary line under the label, e.g. what to do next. */
+    description?: string;
+    /** Optional way forward, such as a button, rendered under the text. */
+    action?: ReactNode;
     /** Color overrides applied as CSS custom properties. */
     colors?: PanelEmptyStateColors;
-    /** CSS class applied to the label text. Defaults to `'dial-tiny-text'`. */
+    /** CSS class applied to the label text, on top of the kit's title typography. */
     labelClassName?: string;
+    /** CSS class applied to the description text, on top of the kit's description typography. */
+    descriptionClassName?: string;
     /** CSS class applied to the empty-state container. */
     containerClassName?: string;
-    /** Decorative illustration above the label. Defaults to the kit's `NoDataContent` document mark. */
+    /** Decorative illustration above the label. Defaults to the kit's `NoDataContent` illustration. */
     icon?: ReactNode;
+    /** Announces the empty state to assistive tech as it appears, e.g. after a search. */
+    live?: boolean;
 }
 /** Centered empty-state block for use inside a sidebar panel body. */
 export declare const PanelEmptyState: FC<PanelEmptyStateProps>;

package/components/PanelEmptyState/PanelEmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/PanelEmptyState/PanelEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oGAAoG;IACpG,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,sEAAsE;AACtE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuBpD,CAAC"}
+{"version":3,"file":"PanelEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/PanelEmptyState/PanelEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6FAA6F;IAC7F,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mGAAmG;IACnG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sFAAsF;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,sEAAsE;AACtE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmCpD,CAAC"}

package/components/PanelEmptyState/PanelEmptyState.js

@@ -5,14 +5,24 @@ import { NoDataContent as r } from "@epam/ai-dial-ui-kit";
 import { memo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/PanelEmptyState/PanelEmptyState.tsx
-var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c, icon: l }) => /* @__PURE__ */ a("div", {
-	style: t({ "--pes-label-color": o?.label }),
-	children: /* @__PURE__ */ a(r, {
-		title: i,
-		icon: l,
-		titleClassName: e(n.label, s),
-		className: c
-	})
-}));
+var o = i(({ label: i, description: o, action: s, colors: c, labelClassName: l, descriptionClassName: u, containerClassName: d, icon: f, live: p }) => {
+	let m = t({
+		"--pes-label-color": c?.label,
+		"--pes-description-color": c?.description
+	});
+	return /* @__PURE__ */ a("div", {
+		style: m,
+		children: /* @__PURE__ */ a(r, {
+			title: i,
+			description: o,
+			action: s,
+			icon: f,
+			live: p,
+			titleClassName: e(n.label, l),
+			descriptionClassName: e(n.description, u),
+			className: d
+		})
+	});
+});
 //#endregion
 export { o as PanelEmptyState };

package/components/PanelEmptyState/PanelEmptyState.module.scss.js

@@ -1,3 +1,7 @@
-var e = { label: "_label_12p89_1" };
+//#region src/components/PanelEmptyState/PanelEmptyState.module.scss
+var e = "_label_1qwvo_1", t = "_description_1qwvo_5", n = {
+	label: e,
+	description: t
+};
 //#endregion
-export { e as default };
+export { n as default, t as description, e as label };

package/components/ResourceSummary/ResourceSummary.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	row: "_row_1csuq_1",
-	versionTag: "_versionTag_1csuq_7"
+//#region src/components/ResourceSummary/ResourceSummary.module.scss
+var e = "_row_1csuq_1", t = "_versionTag_1csuq_7", n = {
+	row: e,
+	versionTag: t
 };
 //#endregion
-export { e as default };
+export { n as default, e as row, t as versionTag };

package/components/TextRefinementField/TextRefinementField.d.ts

@@ -23,9 +23,11 @@ export interface TextRefinementFieldProps {
     feedbackClassName?: string;
     /** Class applied to the error message, after `feedbackClassName`. */
     errorClassName?: string;
-    /** The refinable control, whose id must equal `fieldId`. */
+    /** Caption shown at the end of the row below the control, beside the refinement status — e.g. a character counter. */
+    caption?: string;
+    /** The refinable control, whose id must equal `fieldId`; it is made read-only while a request is pending. */
     children: ReactNode;
 }
-/** Label row with Refine/Undo actions and live feedback around one refinable field. */
+/** Label row with Refine, Restore original and Regenerate actions and live feedback around one refinable field. */
 export declare const TextRefinementField: FC<TextRefinementFieldProps>;
 //# sourceMappingURL=TextRefinementField.d.ts.map

package/components/TextRefinementField/TextRefinementField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextRefinementField.d.ts","sourceRoot":"","sources":["../../../src/components/TextRefinementField/TextRefinementField.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,EAAE,oBAAoB,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAsG5D,CAAC"}
+{"version":3,"file":"TextRefinementField.d.ts","sourceRoot":"","sources":["../../../src/components/TextRefinementField/TextRefinementField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA2B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,EAAE,oBAAoB,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sHAAsH;IACtH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6GAA6G;IAC7G,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,mHAAmH;AACnH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2K5D,CAAC"}