@turquoisehealth/pit-viper 2.255.1 → 2.256.0

package/pv-components/dist/web/components/pv-prompt-input/pv-prompt-input.js

@@ -266,6 +266,7 @@ var N = [
 			default: "200px",
 			type: String
 		},
+		maxLength: { type: Number },
 		placeholder: {
 			default: "Ask anything...",
 			type: String
@@ -291,53 +292,58 @@ var N = [
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ d(["submit", "stop"], ["update:modelValue"]),
-	setup(n, { emit: c }) {
-		let l = n, u = c, d = C(n, "modelValue"), f = b(), p = t(() => l.status === "submitted" || l.status === "streaming"), m = t(() => !l.disabled && !p.value && d.value.trim().length > 0);
-		function g() {
-			m.value && u("submit", d.value.trim());
+	setup(n, { expose: c, emit: l }) {
+		let u = n, d = l, f = C(n, "modelValue"), p = b(), m = t(() => u.status === "submitted" || u.status === "streaming"), g = t(() => !u.disabled && !m.value && f.value.trim().length > 0);
+		function v() {
+			g.value && d("submit", f.value.trim());
 		}
-		function v(e) {
-			l.disabled || e.target?.closest("button, a, input, textarea, select, [tabindex]") || f.value?.querySelector("textarea")?.focus();
+		function y() {
+			p.value?.querySelector("textarea")?.focus();
 		}
-		function y(e) {
-			e.key !== "Enter" || e.shiftKey || e.isComposing || (e.preventDefault(), e.stopPropagation(), g());
+		function S(e) {
+			u.disabled || e.target?.closest("button, a, input, textarea, select, [tabindex]") || y();
 		}
-		return (t, c) => (_(), i("form", {
+		function w(e) {
+			e.key !== "Enter" || e.shiftKey || e.isComposing || (e.preventDefault(), e.stopPropagation(), v());
+		}
+		return c({ focus: y }), (t, c) => (_(), i("form", {
 			ref_key: "formRef",
-			ref: f,
+			ref: p,
 			class: "pv-prompt-input pv-bordered pv-radius pv-inset-square-8 pv-flex-vertical",
 			"data-testid": "pv-prompt-input",
-			"aria-busy": p.value,
-			onSubmit: D(g, ["prevent"]),
-			onClick: v
+			"aria-busy": m.value,
+			onSubmit: D(v, ["prevent"]),
+			onClick: S
 		}, [
 			t.$slots.header ? (_(), i("div", de, [x(t.$slots, "header")])) : r("v-if", !0),
 			s(le, {
-				modelValue: d.value,
-				"onUpdate:modelValue": c[0] ||= (e) => d.value = e,
+				modelValue: f.value,
+				"onUpdate:modelValue": c[0] ||= (e) => f.value = e,
 				class: "pv-prompt-input-textarea",
 				style: h({ "--prompt-input-max-height": n.maxHeight }),
 				rows: n.rows,
+				maxlength: n.maxLength,
 				placeholder: n.placeholder,
 				disabled: n.disabled,
 				"aria-label": n.ariaLabel,
-				onKeydown: y
+				onKeydown: w
 			}, null, 8, [
 				"modelValue",
 				"style",
 				"rows",
+				"maxlength",
 				"placeholder",
 				"disabled",
 				"aria-label"
 			]),
 			a("div", fe, [a("div", pe, [x(t.$slots, "actions")]), s(ae, {
-				type: p.value ? "button" : "submit",
-				variant: p.value ? "secondary" : "primary",
+				type: m.value ? "button" : "submit",
+				variant: m.value ? "secondary" : "primary",
 				size: "md",
-				"left-icon": p.value ? "stop" : "send",
-				"aria-label": p.value ? n.stopLabel : n.submitLabel,
-				disabled: n.disabled || !p.value && !m.value,
-				onClick: c[1] ||= (e) => p.value && u("stop")
+				"left-icon": m.value ? "stop" : "send",
+				"aria-label": m.value ? n.stopLabel : n.submitLabel,
+				disabled: n.disabled || !m.value && !g.value,
+				onClick: c[1] ||= (e) => m.value && d("stop")
 			}, null, 8, [
 				"type",
 				"variant",