@epam/ai-dial-conversation-input 1.2.0-dev.328 → 1.2.0-dev.336

package/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAalE,wIAAwI;AACxI,eAAO,MAAM,KAAK,oGA6tCjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAalE,wIAAwI;AACxI,eAAO,MAAM,KAAK,oGAquCjB,CAAC"}

package/index.js

@@ -2088,44 +2088,47 @@ var Kt = {
 	}), { isMenuOpen: zt, query: Bt, activeWordStart: Q, dismiss: Vt, closeOnOutsidePress: Ht, handleCaretMove: Ut, handleValueChange: Wt, listboxId: Gt, overlayRef: Kt, activeOptionId: qt, moveActiveOption: Jt, getActiveOption: Yt } = Fe({
 		config: G,
 		message: Y
-	}), Xt = () => {
+	}), Xt = B(Ut);
+	Xt.current = Ut;
+	let Qt = () => {
 		Ut(Z.current?.selectionStart ?? Y.length);
-	}, Qt = () => {
+	}, $t = () => {
 		requestAnimationFrame(() => {
-			Ut(Z.current?.selectionStart ?? Y.length);
+			let e = Z.current;
+			Xt.current(e?.selectionStart ?? e?.value.length ?? 0);
 		});
-	}, $t = (e) => {
+	}, en = (e) => {
 		e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End" && e.key !== "PageUp" && e.key !== "PageDown" || Ut(e.currentTarget.selectionStart ?? Y.length);
-	}, en = G?.emptyQueryHint != null, tn = G != null && Q != null ? Q + G.triggerPrefix.length : null, nn = tn != null && Y.slice(tn).split("\n", 1)[0] !== "", rn = en && zt && Bt === "" && tn != null && !nn, an = G != null && zt ? Q ?? 0 : null, on = B(null), sn = B(null), [cn, ln] = V(null), un = L(() => {
-		let e = on.current, t = sn.current;
+	}, tn = G?.emptyQueryHint != null, nn = G != null && Q != null ? Q + G.triggerPrefix.length : null, rn = nn != null && Y.slice(nn).split("\n", 1)[0] !== "", an = tn && zt && Bt === "" && nn != null && !rn, on = G != null && zt ? Q ?? 0 : null, sn = B(null), cn = B(null), [ln, un] = V(null), dn = L(() => {
+		let e = sn.current, t = cn.current;
 		if (e == null || t == null) {
-			ln(null);
+			un(null);
 			return;
 		}
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-		ln({
+		un({
 			left: n.left - r.left,
 			top: n.top - r.top
 		});
 	}, []);
 	De(() => {
-		un();
+		dn();
 	}, [
-		un,
-		an,
+		dn,
+		on,
 		Y
 	]), R(() => {
-		if (an == null) return;
+		if (on == null) return;
 		let e = Z.current;
 		if (e == null || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(un);
+		let t = new ResizeObserver(dn);
 		return t.observe(e), () => t.disconnect();
 	}, [
-		an,
+		on,
 		Z,
-		un
+		dn
 	]);
-	let dn = L((e) => {
+	let fn = L((e) => {
 		if (G == null || (Vt(), !e?.consumeQuery) || (e.returnFocus !== !1 && Z.current?.focus(), Q == null)) return;
 		let t = `${G.triggerPrefix}${Bt}`, n = Q + t.length;
 		if (Y.slice(Q, n) !== t) return;
@@ -2141,11 +2144,11 @@ var Kt = {
 		q,
 		u,
 		Z
-	]), fn = B(void 0);
+	]), pn = B(void 0);
 	R(() => {
-		ft == null || fn.current === t || (fn.current = t, Z.current?.setSelectionRange(ft, ft), Ut(ft));
+		ft == null || pn.current === t || (pn.current = t, Z.current?.setSelectionRange(ft, ft), Ut(ft));
 	}, [Y]);
-	let { attachments: pn, buildAttachments: mn, addAttachments: hn, resetAttachments: gn, handleRemove: _n, handleRetry: vn, handleExpand: yn, hasBlockedAttachments: bn } = Ae({
+	let { attachments: mn, buildAttachments: hn, addAttachments: gn, resetAttachments: _n, handleRemove: vn, handleRetry: yn, handleExpand: bn, hasBlockedAttachments: xn } = Ae({
 		initialAttachments: we,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
@@ -2161,84 +2164,84 @@ var Kt = {
 		maximumAttachmentsAmount: Tt,
 		baseAttachmentsAmount: Ze.length,
 		onAttachmentsLimitExceeded: Et
-	}), xn = L((e) => {
-		hn(mn([e]));
-	}, [hn, mn]), Sn = B(!1), Cn = B(Y);
-	Cn.current = Y;
-	let [wn, Tn] = V({
+	}), Sn = L((e) => {
+		gn(hn([e]));
+	}, [gn, hn]), Cn = B(!1), wn = B(Y);
+	wn.current = Y;
+	let [Tn, En] = V({
 		text: "",
 		revision: 0
-	}), { state: En, analyserNodeRef: Dn, errorMessage: On, startRecording: kn, stopRecording: An, discardRecording: jn } = $e({
-		onAttachAudio: xn,
+	}), { state: Dn, analyserNodeRef: On, errorMessage: kn, startRecording: An, stopRecording: jn, discardRecording: Mn } = $e({
+		onAttachAudio: Sn,
 		onTranscribeAudio: Ve,
 		onTranscript: L((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = Cn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				Cn.current = n, X(n), Tn((e) => ({
+				let e = wn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				wn.current = n, X(n), En((e) => ({
 					text: t,
 					revision: e.revision + 1
 				})), q.notifyChange(), u?.(n);
 			}
-			Sn.current = !0;
+			Cn.current = !0;
 		}, [
 			X,
 			q,
 			u
 		]),
 		errorLabel: Ye
-	}), $ = En === qe.Recording || En === qe.Processing;
+	}), $ = Dn === qe.Recording || Dn === qe.Processing;
 	R(() => {
-		(En === qe.Error || En === qe.Idle && Sn.current) && (Sn.current = !1, Z.current?.focus());
-	}, [En, Z]);
-	let Mn = B(null), Nn = B(null), Pn = Dt && Ot, { handlePaste: Fn } = le(hn, Pn ? ve : Infinity), In = L((e) => {
-		if (!Pn) {
+		(Dn === qe.Error || Dn === qe.Idle && Cn.current) && (Cn.current = !1, Z.current?.focus());
+	}, [Dn, Z]);
+	let Nn = B(null), Pn = B(null), Fn = Dt && Ot, { handlePaste: In } = le(gn, Fn ? ve : Infinity), Ln = L((e) => {
+		if (!Fn) {
 			let t = e.clipboardData.getData("text/plain");
 			t.length >= ye && At?.(t.length, ye);
 		}
-		Fn(e);
+		In(e);
 	}, [
-		Pn,
+		Fn,
 		ye,
 		At,
-		Fn
-	]), Ln = Y.trim().length > 0 || pn.length > 0, Rn = Ln && !bn && !Ie && !$, [zn, Bn] = V([]);
+		In
+	]), Rn = Y.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !Ie && !$, [Bn, Vn] = V([]);
 	R(() => {
-		Bn([]);
+		Vn([]);
 	}, [(rt ?? []).map((e) => e.id).join("|")]);
-	let Vn = z(() => {
+	let Hn = z(() => {
 		let e = rt ?? [];
-		return at ? e.filter((e) => e.isSelected || !zn.includes(e.id)) : e;
+		return at ? e.filter((e) => e.isSelected || !Bn.includes(e.id)) : e;
 	}, [
 		rt,
-		zn,
+		Bn,
 		at
-	]), Hn = L((e) => {
-		Bn((t) => t.includes(e) ? t : [...t, e]), rt?.find((t) => t.id === e)?.isSelected && it?.(e);
-	}, [rt, it]), Un = be === void 0 || xe != null, Wn = Le && !s, Gn = async () => {
+	]), Un = L((e) => {
+		Vn((t) => t.includes(e) ? t : [...t, e]), rt?.find((t) => t.id === e)?.isSelected && it?.(e);
+	}, [rt, it]), Wn = be === void 0 || xe != null, Gn = Le && !s, Kn = async () => {
 		if (Ie || $) return;
 		if (Y.length >= ye) {
 			At?.(Y.length, ye);
 			return;
 		}
-		let e = Y, t = pn;
+		let e = Y, t = mn;
 		X(""), q.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), gn([]);
+			}), _n([]);
 		} catch {
-			X(e), gn(t);
+			X(e), _n(t);
 		}
-	}, Kn = (e) => Xe === et.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, qn = (e) => {
+	}, qn = (e) => Xe === et.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
 		if (!zt || e.nativeEvent.isComposing) return !1;
 		if (e.key === "Escape") return e.preventDefault(), e.stopPropagation(), Vt(), !0;
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") return e.preventDefault(), Jt(e.key === "ArrowDown" ? Pe.Next : Pe.Previous), !0;
 		if (e.key !== "Enter" || e.shiftKey) return !1;
 		let t = Yt();
-		return t == null ? Kn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
-	}, Jn = (e) => {
-		if (!$ && !Rt(e) && !qn(e)) {
+		return t == null ? qn(e) ? (e.preventDefault(), !0) : !1 : (e.preventDefault(), t.click(), !0);
+	}, Yn = (e) => {
+		if (!$ && !Rt(e) && !Jn(e)) {
 			if (!e.nativeEvent.isComposing && !W && !s) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
 					let t = e.currentTarget.selectionStart ?? 0, n = q.navigate(e.key === "ArrowUp" ? "up" : "down", Y, t);
@@ -2257,24 +2260,24 @@ var Kt = {
 					}
 				}
 			}
-			e.key === "Enter" && Kn(e) && (e.preventDefault(), !s && Rn && Un && !W && Gn());
+			e.key === "Enter" && qn(e) && (e.preventDefault(), !s && zn && Wn && !W && Kn());
 		}
-	}, Yn = (e) => {
+	}, Xn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = mn(t);
-		e.target.value = "", hn(n);
-	}, Xn = z(() => {
+		let n = hn(t);
+		e.target.value = "", gn(n);
+	}, Zn = z(() => {
 		let e = [];
-		return an != null && e.push({
-			offset: an,
+		return on != null && e.push({
+			offset: on,
 			node: /* @__PURE__ */ P("span", {
-				ref: on,
+				ref: sn,
 				"aria-hidden": !0,
 				className: "inline-block h-[1lh] w-0 align-text-top"
 			}, "caret-marker")
-		}), rn && G != null && tn != null && e.push({
-			offset: tn,
+		}), an && G != null && nn != null && e.push({
+			offset: nn,
 			node: /* @__PURE__ */ P("span", {
 				className: K.commandHint,
 				"aria-hidden": !0,
@@ -2283,16 +2286,16 @@ var Kt = {
 			}, "command-hint")
 		}), e;
 	}, [
+		on,
 		an,
-		rn,
 		G,
-		tn
-	]), Zn = It || Xn.length > 0, { mirrorRef: Qn, selectionRects: $n, updateSelectionRects: er } = He({
+		nn
+	]), Qn = It || Zn.length > 0, { mirrorRef: $n, selectionRects: er, updateSelectionRects: tr } = He({
 		textareaRef: Z,
 		message: Y,
-		isMirrorActive: Zn
-	}), tr = /* @__PURE__ */ P("textarea", {
-		className: l(K.textarea, Zn && K.textareaMentionMode, I?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+		isMirrorActive: Qn
+	}), nr = /* @__PURE__ */ P("textarea", {
+		className: l(K.textarea, Qn && K.textareaMentionMode, I?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
 		ref: Z,
 		autoFocus: mt,
 		value: Y,
@@ -2301,12 +2304,12 @@ var Kt = {
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
 			Wt(e.target.value, e.target.selectionStart ?? e.target.value.length, t?.isComposing ?? !1), u?.(e.target.value);
 		},
-		onSelect: er,
-		onFocus: Qt,
-		onClick: Xt,
-		onKeyDown: Jn,
-		onKeyUp: $t,
-		onPaste: In,
+		onSelect: tr,
+		onFocus: $t,
+		onClick: Qt,
+		onKeyDown: Yn,
+		onKeyUp: en,
+		onPaste: Ln,
 		placeholder: m,
 		"aria-label": h,
 		"aria-autocomplete": G == null ? void 0 : "list",
@@ -2316,12 +2319,12 @@ var Kt = {
 		disabled: W,
 		readOnly: $,
 		rows: 1
-	}), nr = G == null ? tr : /* @__PURE__ */ F(N, { children: [tr, /* @__PURE__ */ P("div", {
+	}), rr = G == null ? nr : /* @__PURE__ */ F(N, { children: [nr, /* @__PURE__ */ P("div", {
 		"aria-hidden": !0,
 		className: l("pointer-events-none absolute", I?.fontClassName || "dial-body-paragraph-text"),
 		style: {
-			left: cn?.left ?? 0,
-			top: cn?.top ?? 0
+			left: ln?.left ?? 0,
+			top: ln?.top ?? 0
 		},
 		children: /* @__PURE__ */ P(v, {
 			open: zt,
@@ -2340,7 +2343,7 @@ var Kt = {
 				children: G.renderMenu({
 					query: Bt,
 					caretPosition: Q ?? 0,
-					close: dn,
+					close: fn,
 					listboxId: Gt,
 					activeOptionId: qt
 				})
@@ -2350,13 +2353,13 @@ var Kt = {
 				className: "inline-block h-[1lh] w-0"
 			})
 		})
-	})] }), rr = /* @__PURE__ */ F("div", {
-		ref: sn,
+	})] }), ir = /* @__PURE__ */ F("div", {
+		ref: cn,
 		className: "relative -me-1 -ms-1 w-[calc(100%+8px)]",
-		children: [Zn && /* @__PURE__ */ F("div", {
-			ref: Qn,
+		children: [Qn && /* @__PURE__ */ F("div", {
+			ref: $n,
 			className: l(K.textarea, I?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden whitespace-pre-wrap pe-1 ps-1 [overflow-wrap:anywhere]"),
-			children: [ze(Y, Ft, Xn, K.mentionHighlight, K.mentionHighlightUnsupported), $n.map((e, t) => /* @__PURE__ */ P("div", {
+			children: [ze(Y, Ft, Zn, K.mentionHighlight, K.mentionHighlightUnsupported), er.map((e, t) => /* @__PURE__ */ P("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
 				style: {
@@ -2366,9 +2369,9 @@ var Kt = {
 					height: e.height
 				}
 			}, `selection-${t}`))]
-		}), nr]
-	}), ir = Te ? void 0 : /* @__PURE__ */ P(pt, {
-		onAttachClick: Oe ? void 0 : () => Mn.current?.click(),
+		}), rr]
+	}), ar = Te ? void 0 : /* @__PURE__ */ P(pt, {
+		onAttachClick: Oe ? void 0 : () => Nn.current?.click(),
 		attachLabel: y,
 		addMenuTitle: C,
 		menuTitle: w,
@@ -2377,7 +2380,7 @@ var Kt = {
 		isDisabled: W || $,
 		chatSettings: nt,
 		extraMenuItems: Lt,
-		onRecordVoice: Be && Dt && !s && !$ ? () => kn(Je.Attachment) : void 0,
+		onRecordVoice: Be && Dt && !s && !$ ? () => An(Je.Attachment) : void 0,
 		recordVoiceLabel: ie,
 		toolsMenuItems: at ? rt : void 0,
 		onToolToggle: it,
@@ -2385,15 +2388,15 @@ var Kt = {
 		toolsBackLabel: st,
 		menuOverlays: lt,
 		getCaretPosition: () => Z.current?.selectionStart ?? Y.length
-	}), ar = ke === tt.Inline && (!Mt || je), or = ir && /* @__PURE__ */ P("div", {
+	}), or = ke === tt.Inline && (!Mt || je), sr = ar && /* @__PURE__ */ P("div", {
 		className: l("flex", H.addCluster),
-		children: ir
-	}), sr = Vn.length > 0 && it != null && /* @__PURE__ */ P("div", {
+		children: ar
+	}), cr = Hn.length > 0 && it != null && /* @__PURE__ */ P("div", {
 		className: l("min-w-0 flex-1", H.toolsChips),
 		children: /* @__PURE__ */ P(ht, {
-			items: Vn,
+			items: Hn,
 			onToolToggle: it,
-			onToolDismiss: Hn,
+			onToolDismiss: Un,
 			canRemove: at,
 			removeLabel: ct?.removeLabel,
 			stateOnLabel: ct?.stateOnLabel,
@@ -2401,17 +2404,17 @@ var Kt = {
 		})
 	});
 	return /* @__PURE__ */ F("div", {
-		ref: Nn,
+		ref: Pn,
 		style: J,
 		className: l(K.wrapper, W && K.wrapperDisabled, W && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", de, H.wrapper),
 		children: [
-			(Ze.length > 0 || pn.length > 0) && /* @__PURE__ */ P(se, {
-				attachments: [...Ze, ...pn],
+			(Ze.length > 0 || mn.length > 0) && /* @__PURE__ */ P(se, {
+				attachments: [...Ze, ...mn],
 				onRemove: (e) => {
-					Ze.some((t) => t.id === e) ? Qe?.(e) : _n(e);
+					Ze.some((t) => t.id === e) ? Qe?.(e) : vn(e);
 				},
-				onRetry: vn,
-				onExpand: yn,
+				onRetry: yn,
+				onExpand: bn,
 				labels: {
 					removeLabel: E,
 					retryLabel: D,
@@ -2421,58 +2424,58 @@ var Kt = {
 				},
 				styles: {
 					...ce,
-					className: l(pn.length > 6 && "-me-4 w-[calc(100%+1rem)]", ce?.className)
+					className: l(mn.length > 6 && "-me-4 w-[calc(100%+1rem)]", ce?.className)
 				},
 				onAttachmentClick: Ct == null ? void 0 : (e) => {
-					let t = [...Ze, ...pn].find((t) => t.id === e);
+					let t = [...Ze, ...mn].find((t) => t.id === e);
 					t != null && Ct(t);
 				}
 			}),
 			!Te && /* @__PURE__ */ P("input", {
-				ref: Mn,
+				ref: Nn,
 				type: "file",
 				multiple: !0,
 				accept: S,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: Yn
+				onChange: Xn
 			}),
-			On && /* @__PURE__ */ P(b, {
-				text: On,
+			kn && /* @__PURE__ */ P(b, {
+				text: kn,
 				className: "min-w-0 break-words px-1"
 			}),
 			$ && /* @__PURE__ */ P(bt, {
 				embedded: !0,
-				state: En,
-				analyserNodeRef: Dn,
-				onStop: An,
-				onDiscard: jn,
-				attachButton: ir,
+				state: Dn,
+				analyserNodeRef: On,
+				onStop: jn,
+				onDiscard: Mn,
+				attachButton: ar,
 				stopLabel: ae,
 				discardLabel: oe,
 				processingLabel: Ge
 			}),
-			!$ && U && rr,
-			!$ && !U && ar && sr && /* @__PURE__ */ P("div", {
+			!$ && U && ir,
+			!$ && !U && or && cr && /* @__PURE__ */ P("div", {
 				className: "flex",
-				children: sr
+				children: cr
 			}),
 			!$ && !U && /* @__PURE__ */ F("div", {
-				className: l("flex items-center gap-2", ar ? "flex-nowrap" : "flex-wrap", H.actionRow),
+				className: l("flex items-center gap-2", or ? "flex-nowrap" : "flex-wrap", H.actionRow),
 				children: [
-					ar && or,
+					or && sr,
 					/* @__PURE__ */ P("div", {
-						className: l("flex min-w-0 items-center self-stretch", ar ? "flex-1" : "w-full", H.textareaWrap),
-						children: rr
+						className: l("flex min-w-0 items-center self-stretch", or ? "flex-1" : "w-full", H.textareaWrap),
+						children: ir
 					}),
-					!ar && or,
-					!ar && sr,
+					!or && sr,
+					!or && cr,
 					/* @__PURE__ */ P("div", {
 						className: l("ms-auto flex flex-shrink-0 items-center gap-2", H.footerActions),
 						children: Me ? Me({
-							canSend: Rn,
-							onSend: Gn
+							canSend: zn,
+							onSend: Kn
 						}) : /* @__PURE__ */ F(N, { children: [
 							kt,
 							/* @__PURE__ */ P(Zt, {
@@ -2490,7 +2493,7 @@ var Kt = {
 								onPickerToggle: () => Pt((e) => !e),
 								onPickerOpenChange: Pt
 							}),
-							Wn && /* @__PURE__ */ P(x, {
+							Gn && /* @__PURE__ */ P(x, {
 								icon: /* @__PURE__ */ P(he, {
 									size: g.LG,
 									stroke: _,
@@ -2499,17 +2502,17 @@ var Kt = {
 								"aria-label": re,
 								tooltipProps: { tooltip: re },
 								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => kn(Je.Dictation),
+								onClick: () => An(Je.Dictation),
 								disabled: W || s
 							}),
 							s && o ? /* @__PURE__ */ P(St, {
 								onStop: o,
 								ariaLabel: ne
 							}) : !s && /* @__PURE__ */ P(xt, {
-								onSend: Gn,
-								isDisabled: !Un || !Rn,
+								onSend: Kn,
+								isDisabled: !Wn || !zn,
 								ariaLabel: A,
-								sendTooltip: Ln ? j : te ?? j
+								sendTooltip: Rn ? j : te ?? j
 							})
 						] })
 					})
@@ -2520,7 +2523,7 @@ var Kt = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ P("span", { children: wn.text }, wn.revision)
+				children: /* @__PURE__ */ P("span", { children: Tn.text }, Tn.revision)
 			})
 		]
 	});

package/models/Input.d.ts

@@ -534,22 +534,22 @@ export interface InputProps {
      */
     caretPositionOverride?: number;
     /**
-     * Host-injected slash-command menu. When provided, typing `triggerPrefix`
-     * as the first character of an empty textarea — or pasting into an empty
-     * textarea a value that is exactly the prefix, or the prefix plus a
-     * whitespace-free, prefix-free query — opens an overlay above the input;
-     * it stays open while the value keeps matching the prefix followed by a
-     * query with no whitespace or second prefix character, and closes on
-     * unmatch, Escape, or an outside click. Escape is the one dismissal that
-     * latches: the menu stays closed over that same word until the value stops
-     * matching and the trigger is typed or pasted again. An outside click only
+     * Host-injected slash-command menu. When provided, an overlay opens above
+     * the input whenever the whitespace-delimited word at the caret becomes
+     * `triggerPrefix` alone or followed by a whitespace-free, prefix-free
+     * query — anywhere in the textarea, whether it was empty or already held
+     * text, and whether the word was typed or pasted. It stays open while that
+     * word keeps matching, and closes on unmatch, Escape, or an outside click.
+     * Escape is the one dismissal that latches: the menu stays closed over that
+     * same word until it stops matching and the trigger is typed or pasted
+     * again. An outside click only
      * closes it for the moment — typing/deleting within the same still-matching
      * word, or moving the caret back into it (a click, or refocusing the
      * textarea), reopens it with no need to retype the trigger. A message can
      * hold more than one command-shaped word at once; the menu always tracks
      * whichever one the caret is actually in, re-evaluated on every such caret
-     * move rather than assumed from whichever word was active before. Any other
-     * pasted value, and any paste into a non-empty textarea, inserts as a
+     * move rather than assumed from whichever word was active before. A paste
+     * that leaves any other word at the caret (e.g. `/s sdf`) inserts as a
      * regular paste and opens nothing. Selection typically goes through
      * `ctx.close({ consumeQuery: true })`, which removes the `/query` text from
      * the textarea. Absent disables the mechanism.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-input",
   "description": "Conversation message input with model selection, attachments, voice input, and edit mode",
-  "version": "1.2.0-dev.328",
+  "version": "1.2.0-dev.336",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,12 +19,12 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.328"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.336"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.328",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.336",
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.51"
+    "@epam/ai-dial-ui-kit": "^0.15.0"
   },
   "repository": {
     "type": "git",