@epam/ai-dial-chat-shared 1.3.0-dev.98 → 1.4.0-dev.5

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"}

package/components/TextRefinementField/TextRefinementField.js

@@ -1,86 +1,115 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
 import { TextRefinementState as t } from "../../hooks/useTextRefinement.js";
-import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, Spinner as l } from "@epam/ai-dial-ui-kit";
-import { useRef as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { IconSparkles as m } from "@tabler/icons-react";
+import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, LiveRegionPoliteness as l, Spinner as u } from "@epam/ai-dial-ui-kit";
+import { useLayoutEffect as d, useRef as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { IconRestore as g, IconSparkles as _ } from "@tabler/icons-react";
 //#region src/components/TextRefinementField/TextRefinementField.tsx
-var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, children: T }) => {
-	let E = u(null);
-	if (!h) return /* @__PURE__ */ f(d, { children: T });
-	let D = x.state === t.Error, O = {
+var v = ({ isEnabled: v, fieldId: y, label: b, labelClassName: x, required: S, labels: C, refinement: w, disabled: T, feedbackClassName: E, errorClassName: D, caption: O, children: k }) => {
+	let A = f(null), j = f(null), M = v && w.isPending;
+	d(() => {
+		if (!M) return;
+		let e = Array.from(j.current?.querySelectorAll("input, textarea") ?? []).find((e) => e.id === y);
+		if (!e) return;
+		let t = e.readOnly;
+		return e.readOnly = !0, () => {
+			e.readOnly = t;
+		};
+	}, [M, y]);
+	let N = O && /* @__PURE__ */ m(n, {
+		text: O,
+		className: "ms-auto shrink-0 text-end"
+	});
+	if (!v) return N ? /* @__PURE__ */ h("div", {
+		className: "flex min-w-0 flex-col gap-1",
+		children: [k, N]
+	}) : /* @__PURE__ */ m(p, { children: k });
+	let P = w.state === t.Error, F = w.canUndo, I = C?.refineWithAiLabel ?? "Refine with AI";
+	M ? I = C?.refineRefiningLabel ?? "Refining" : F && (I = C?.refineRegenerateLabel ?? "Regenerate");
+	let L = w.state === t.Pending || w.state === t.Success || w.state === t.Restored, R = {
 		[t.Idle]: "",
-		[t.Pending]: b?.refinePendingAriaLabel ?? "Refining text",
-		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
-		[t.Restored]: b?.refineUndoAriaLabel ?? "Original text restored.",
-		[t.Unchanged]: b?.refineUnchangedAriaLabel ?? "No changes were needed.",
+		[t.Pending]: C?.refinePendingAriaLabel ?? "Refining text",
+		[t.Success]: C?.refineSuccessAriaLabel ?? "Text refined",
+		[t.Restored]: C?.refineUndoAriaLabel ?? "Original text restored.",
+		[t.Unchanged]: C?.refineUnchangedAriaLabel ?? "No changes were needed.",
 		[t.Error]: ""
-	}[x.state];
-	return /* @__PURE__ */ p("div", {
+	}[w.state];
+	return /* @__PURE__ */ h("div", {
 		className: "flex min-w-0 flex-col gap-1",
 		role: "group",
-		"aria-labelledby": g + "-label",
-		"aria-describedby": D ? g + "-refinement-error" : void 0,
+		"aria-labelledby": y + "-label",
+		"aria-describedby": P ? y + "-refinement-error" : void 0,
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-x-3",
-				children: [/* @__PURE__ */ f(c, {
-					id: g + "-label",
-					htmlFor: g,
-					className: v,
-					label: _,
-					required: y
-				}), /* @__PURE__ */ p("div", {
-					ref: E,
+				children: [/* @__PURE__ */ m(c, {
+					id: y + "-label",
+					htmlFor: y,
+					className: x,
+					label: b,
+					required: S
+				}), /* @__PURE__ */ h("div", {
+					ref: A,
 					className: "ms-auto flex min-w-0 flex-wrap items-center",
-					children: [/* @__PURE__ */ f(s, {
+					children: [F && !M && /* @__PURE__ */ m(s, {
 						size: a.Small,
-						label: b?.refineWithAiLabel ?? "Refine with AI",
-						disabled: S || !x.canRefine,
+						label: C?.refineUndoLabel ?? "Restore original",
+						disabled: T,
 						onClick: () => {
-							x.refine();
+							w.undo();
+							let e = A.current?.querySelectorAll("button");
+							e?.[e.length - 1]?.focus();
 						},
-						iconBefore: x.isPending ? /* @__PURE__ */ f("span", {
+						iconBefore: /* @__PURE__ */ m(g, {
+							size: r.SM,
+							stroke: i,
+							"aria-hidden": !0
+						})
+					}), /* @__PURE__ */ m(s, {
+						size: a.Small,
+						label: I,
+						disabled: T || !w.canRefine,
+						onClick: () => {
+							w.refine();
+						},
+						iconBefore: M ? /* @__PURE__ */ m("span", {
 							"aria-hidden": !0,
-							children: /* @__PURE__ */ f(l, {
+							children: /* @__PURE__ */ m(u, {
 								size: r.SM,
 								ariaLabel: ""
 							})
-						}) : /* @__PURE__ */ f(m, {
+						}) : /* @__PURE__ */ m(_, {
 							size: r.SM,
 							stroke: i,
 							"aria-hidden": !0
 						})
-					}), x.canUndo && /* @__PURE__ */ f(s, {
-						size: a.Small,
-						label: b?.refineUndoLabel ?? "Undo",
-						disabled: S,
-						onClick: () => {
-							x.undo(), E.current?.querySelector("button")?.focus();
-						}
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
-				"aria-busy": x.isPending,
-				children: T
+			/* @__PURE__ */ m("div", {
+				ref: j,
+				"aria-busy": w.isPending,
+				children: k
 			}),
-			/* @__PURE__ */ f("div", {
-				role: "status",
-				"aria-live": "polite",
-				children: /* @__PURE__ */ f(n, {
-					text: O,
-					className: C
-				})
+			/* @__PURE__ */ h("div", {
+				className: "flex min-w-0 items-start gap-3",
+				children: [/* @__PURE__ */ m("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ m(n, {
+						text: R,
+						announce: l.Polite,
+						className: e(E, L && "sr-only")
+					})
+				}), N]
 			}),
-			D && /* @__PURE__ */ f(o, {
-				role: "alert",
-				id: g + "-refinement-error",
-				className: e(C, w),
-				text: b?.refineErrorLabel ?? "Could not refine this text. Please try again."
+			/* @__PURE__ */ m(o, {
+				id: y + "-refinement-error",
+				announce: l.Assertive,
+				className: e(E, D),
+				text: P ? C?.refineErrorLabel ?? "Could not refine this text. Please try again." : ""
 			})
 		]
 	});
 };
 //#endregion
-export { h as TextRefinementField };
+export { v as TextRefinementField };

package/components/UnsavedChangesProvider/UnsavedChangesProvider.d.ts

@@ -0,0 +1,22 @@
+import { FC, ReactNode } from 'react';
+/** User-visible strings of the unsaved-changes dialog. */
+export interface UnsavedChangesLabels {
+    /** Dialog title, which also names the dialog. Defaults to `'Discard unsaved changes?'`. */
+    title?: string;
+    /** Dialog message. Defaults to `'You have unsaved changes. Leaving now will discard them.'`. */
+    message?: string;
+    /** Label of the discarding action. Defaults to `'Discard changes'`. */
+    confirmLabel?: string;
+    /** Label of the action that keeps the edits. Defaults to `'Keep editing'`. */
+    cancelLabel?: string;
+}
+/** Props for `UnsavedChangesProvider`. */
+export interface UnsavedChangesProviderProps {
+    /** Subtree whose forms and exits share the dialog. */
+    children: ReactNode;
+    /** User-visible strings of the dialog; each missing field keeps its English default. */
+    labels?: UnsavedChangesLabels;
+}
+/** Owns the single "Discard unsaved changes?" dialog and the dirty state of the one guarded form mounted below it. */
+export declare const UnsavedChangesProvider: FC<UnsavedChangesProviderProps>;
+//# sourceMappingURL=UnsavedChangesProvider.d.ts.map

package/components/UnsavedChangesProvider/UnsavedChangesProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsavedChangesProvider.d.ts","sourceRoot":"","sources":["../../../src/components/UnsavedChangesProvider/UnsavedChangesProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,EAAE,EACP,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,0CAA0C;AAC1C,MAAM,WAAW,2BAA2B;IAC1C,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,sHAAsH;AACtH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAiFlE,CAAC"}