@llmnative/react 1.13.0 → 1.14.0

package/dist/index.mjs

@@ -9603,46 +9603,44 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 			}), e.focus();
 		}
 	} : null;
-}, Mu = ({ name: e, onChange: n = void 0, defaultValue: r = void 0, className: i = void 0, label: a, language: o = "html", placeholder: c, minHeight: d, maxHeight: f, required: p, disabled: g, feedback: _, labelClassName: v, validateSyntax: y = !0, validator: b, extensions: x, commands: S, commandsTrigger: C, wrapperClassName: w, inheritWrapperClassName: T = !0, before: E, after: D }) => {
-	let O = u(), k = Y("CodeEditor"), A = ts({
+}, Mu = ({ name: e, onChange: n = void 0, defaultValue: r = void 0, className: i = void 0, label: a, language: o = "html", placeholder: c, minHeight: d, maxHeight: f, required: p, disabled: g, feedback: _, labelClassName: v, validateSyntax: y = !0, validate: b, validator: x, extensions: S, commands: C, commandsTrigger: w, wrapperClassName: T, inheritWrapperClassName: E = !0, before: D, after: O }) => {
+	let k = u(), A = Y("CodeEditor"), j = ts({
 		minHeight: d,
 		maxHeight: f
-	}), { value: j, handleChange: M, formWrapClass: N } = Dd({
+	}), { value: M, handleChange: N, formWrapClass: P } = Dd({
 		name: e,
 		onChange: n,
 		defaultValue: r,
-		wrapperClassName: w,
-		inheritWrapperClassName: T
-	}), P = Ed(e, {
+		wrapperClassName: T,
+		inheritWrapperClassName: E
+	}), F = Ed(e, {
 		required: p,
 		label: a,
 		validator: async (e) => {
 			let t = typeof e == "string" ? e : `${e ?? ""}`;
-			if (y) try {
-				await Su(t, o);
-			} catch (e) {
-				if (e instanceof pu) return e.message;
-				throw e;
+			if (y) {
+				let e = b ? await b(t) : await Cu(t, o);
+				if (!e.valid) return e.error?.message ?? `Invalid ${o} code.`;
 			}
-			return await b?.(e);
+			return await x?.(e);
 		}
-	}), F = m(null), I = m(null), L = m(null), [R, z] = h(!0), [B, V] = h({
+	}), I = m(null), L = m(null), R = m(null), [z, B] = h(!0), [V, H] = h({
 		open: !1,
 		query: "",
 		anchorPosition: null,
 		editorContext: null
-	}), H = m(j ?? ""), U = m(B);
-	U.current = B;
-	let W = S?.length ? C ?? "/" : void 0, ee = (S?.length ?? 0) >= 10, G = t.useMemo(() => new Map((S ?? []).map((e) => [e.name, e])), [S]), te = t.useMemo(() => (S ?? []).map((e) => ({
+	}), U = m(M ?? ""), W = m(V);
+	W.current = V;
+	let ee = C?.length ? w ?? "/" : void 0, G = (C?.length ?? 0) >= 10, te = t.useMemo(() => new Map((C ?? []).map((e) => [e.name, e])), [C]), ne = t.useMemo(() => (C ?? []).map((e) => ({
 		key: e.name,
-		label: `${W ?? "/"}${e.name}`,
+		label: `${ee ?? "/"}${e.name}`,
 		value: e.name,
 		icon: e.icon,
 		description: e.description,
 		group: e.group
-	})), [S, W]), ne = t.useMemo(() => {
+	})), [C, ee]), re = t.useMemo(() => {
 		let e = [], n;
-		return te.forEach((r) => {
+		return ne.forEach((r) => {
 			r.group !== n && (n = r.group, r.group && e.push(/* @__PURE__ */ t.createElement(Bl.Heading, { key: `group:${r.group}` }, r.group))), e.push(/* @__PURE__ */ t.createElement(Bl.Item, {
 				key: r.key,
 				label: r.label,
@@ -9651,26 +9649,26 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				description: r.description
 			}));
 		}), e;
-	}, [te]);
+	}, [ne]);
 	l(() => {
-		I.current || (H.current = j ?? "");
-	}, [j]);
-	let re = s((t) => {
-		H.current = t, M({ target: {
+		L.current || (U.current = M ?? "");
+	}, [M]);
+	let K = s((t) => {
+		U.current = t, N({ target: {
 			name: e,
 			value: t
 		} });
-	}, [M, e]), K = m(re);
-	K.current = re;
-	let ie = s(() => {
-		V({
+	}, [N, e]), ie = m(K);
+	ie.current = K;
+	let ae = s(() => {
+		H({
 			open: !1,
 			query: "",
 			anchorPosition: null,
 			editorContext: null
 		});
-	}, []), ae = s(async (e, t) => {
-		let n = G.get(e.value);
+	}, []), oe = s(async (e, t) => {
+		let n = te.get(e.value);
 		if (n) {
 			if (n.handler) {
 				let e = await n.handler(Ll(t)), r = n.consumeSuffix ? Pl(t.textAfterCaret, n.consumeSuffix) : 0;
@@ -9679,11 +9677,11 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 			}
 			t.replace(t.triggerRange.start, t.triggerRange.end, `${t.trigger}${n.name} `);
 		}
-	}, [G]);
+	}, [te]);
 	l(() => {
 		let e = !1, t = null;
 		return Ou(o).then((n) => {
-			if (e || !F.current) return;
+			if (e || !I.current) return;
 			let r = n.EditorView.theme({
 				"&": {
 					backgroundColor: "hsl(var(--rf-background))",
@@ -9729,23 +9727,23 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 				n.language,
 				r,
 				n.EditorView.updateListener.of((e) => {
-					e.docChanged && K.current(e.state.doc.toString());
+					e.docChanged && ie.current(e.state.doc.toString());
 				}),
-				...x ?? []
+				...S ?? []
 			];
-			W && i.push(n.EditorView.updateListener.of((e) => {
+			ee && i.push(n.EditorView.updateListener.of((e) => {
 				let t = e.state.selection.main;
 				if (t.from !== t.to) {
-					U.current.open && ie();
+					W.current.open && ae();
 					return;
 				}
-				let n = Au(e.state.doc.toString(), t.from, W);
+				let n = Au(e.state.doc.toString(), t.from, ee);
 				if (!n) {
-					U.current.open && ie();
+					W.current.open && ae();
 					return;
 				}
-				let r = e.view.coordsAtPos(t.from), i = ju(e.view, W);
-				!r || !i || V({
+				let r = e.view.coordsAtPos(t.from), i = ju(e.view, ee);
+				!r || !i || H({
 					open: !0,
 					query: n.query,
 					anchorPosition: {
@@ -9757,102 +9755,102 @@ var nu = ({ mode: e, availability: n, renderAIUnavailable: r }) => {
 			}), n.Prec.highest(n.keymap.of([
 				{
 					key: "ArrowDown",
-					run: () => U.current.open ? (L.current?.moveNext(), !0) : !1
+					run: () => W.current.open ? (R.current?.moveNext(), !0) : !1
 				},
 				{
 					key: "ArrowUp",
-					run: () => U.current.open ? (L.current?.movePrev(), !0) : !1
+					run: () => W.current.open ? (R.current?.movePrev(), !0) : !1
 				},
 				{
 					key: "Enter",
-					run: () => U.current.open ? (L.current?.selectActive(), !0) : !1
+					run: () => W.current.open ? (R.current?.selectActive(), !0) : !1
 				},
 				{
 					key: "Tab",
-					run: () => U.current.open ? (L.current?.selectActive(), !0) : !1
+					run: () => W.current.open ? (R.current?.selectActive(), !0) : !1
 				},
 				{
 					key: "Escape",
-					run: () => U.current.open ? (L.current?.close(), !0) : !1
+					run: () => W.current.open ? (R.current?.close(), !0) : !1
 				}
 			])), n.EditorView.domEventHandlers({ keydown: (e) => {
-				if (!U.current.open) return !1;
+				if (!W.current.open) return !1;
 				switch (e.key) {
-					case "ArrowDown": return e.preventDefault(), L.current?.moveNext(), !0;
-					case "ArrowUp": return e.preventDefault(), L.current?.movePrev(), !0;
+					case "ArrowDown": return e.preventDefault(), R.current?.moveNext(), !0;
+					case "ArrowUp": return e.preventDefault(), R.current?.movePrev(), !0;
 					case "Enter":
-					case "Tab": return e.preventDefault(), L.current?.selectActive(), !0;
-					case "Escape": return e.preventDefault(), L.current?.close(), !0;
+					case "Tab": return e.preventDefault(), R.current?.selectActive(), !0;
+					case "Escape": return e.preventDefault(), R.current?.close(), !0;
 					default: return !1;
 				}
 			} })), g && i.push(n.EditorView.editable.of(!1));
 			let a = n.EditorState.create({
-				doc: H.current,
+				doc: U.current,
 				extensions: i
 			});
 			t = new n.EditorView({
 				state: a,
-				parent: F.current
-			}), ku(t.scrollDOM, A), I.current = t, z(!1);
+				parent: I.current
+			}), ku(t.scrollDOM, j), L.current = t, B(!1);
 		}).catch((t) => {
-			e || (console.error("[CodeEditor] Failed to load CodeMirror:", t), z(!1));
+			e || (console.error("[CodeEditor] Failed to load CodeMirror:", t), B(!1));
 		}), () => {
-			e = !0, t && (t.destroy(), I.current = null);
+			e = !0, t && (t.destroy(), L.current = null);
 		};
 	}, [
-		ie,
-		x,
+		ae,
+		S,
 		g,
 		o,
 		c,
-		W
+		ee
 	]), l(() => {
-		let e = j ?? "", t = I.current;
-		t && e !== H.current && (H.current = e, t.dispatch({ changes: {
+		let e = M ?? "", t = L.current;
+		t && e !== U.current && (U.current = e, t.dispatch({ changes: {
 			from: 0,
 			to: t.state.doc.length,
 			insert: e
 		} }));
-	}, [j]), l(() => {
-		let e = I.current;
-		e && ku(e.scrollDOM, A);
+	}, [M]), l(() => {
+		let e = L.current;
+		e && ku(e.scrollDOM, j);
 	}, [
-		A.fill,
-		A.resolvedMinHeight,
-		A.resolvedMaxHeight
+		j.fill,
+		j.resolvedMinHeight,
+		j.resolvedMaxHeight
 	]);
-	let oe = X("w-full overflow-hidden border border-input", k.CodeEditor?.className, i, R && "flex items-center justify-center bg-muted text-muted-foreground text-sm", P && "border-destructive", E ? "rounded-l-none" : "rounded-l-md", D ? "rounded-r-none" : "rounded-r-md"), se = /* @__PURE__ */ t.createElement("div", { className: X("min-w-0 flex-1", A.fill && "h-full flex flex-col", oe) }, R && /* @__PURE__ */ t.createElement("div", {
-		style: { minHeight: A.fill ? void 0 : A.resolvedMinHeight },
+	let se = X("w-full overflow-hidden border border-input", A.CodeEditor?.className, i, z && "flex items-center justify-center bg-muted text-muted-foreground text-sm", F && "border-destructive", D ? "rounded-l-none" : "rounded-l-md", O ? "rounded-r-none" : "rounded-r-md"), ce = /* @__PURE__ */ t.createElement("div", { className: X("min-w-0 flex-1", j.fill && "h-full flex flex-col", se) }, z && /* @__PURE__ */ t.createElement("div", {
+		style: { minHeight: j.fill ? void 0 : j.resolvedMinHeight },
 		className: "flex items-center justify-center"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "loader-circle",
 		size: 16,
 		className: "animate-spin text-muted-foreground"
 	})), /* @__PURE__ */ t.createElement("div", {
-		ref: F,
-		className: X(R && "hidden", A.fill && "h-full min-h-0 flex-1")
+		ref: I,
+		className: X(z && "hidden", j.fill && "h-full min-h-0 flex-1")
 	}));
-	return /* @__PURE__ */ t.createElement(Z, { className: X(N, A.fill && "h-full flex flex-col min-h-0", k.CodeEditor?.wrapperClassName) }, a && /* @__PURE__ */ t.createElement(Ns, {
+	return /* @__PURE__ */ t.createElement(Z, { className: X(P, j.fill && "h-full flex flex-col min-h-0", A.CodeEditor?.wrapperClassName) }, a && /* @__PURE__ */ t.createElement(Ns, {
 		label: a,
 		required: p,
-		htmlFor: O,
+		htmlFor: k,
 		className: v
-	}), /* @__PURE__ */ t.createElement("div", { className: X(E || D ? os : "", A.fill && "flex-1 min-h-0 flex flex-col") }, E && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-md rounded-r-none border-r-0") }, E), W && te.length > 0 ? /* @__PURE__ */ t.createElement(Bl, {
-		ref: L,
-		className: X(A.fill && "flex-1 min-h-0 flex flex-col"),
-		trigger: W,
-		searchable: ee,
-		controlled: B.editorContext ? {
-			open: B.open,
-			anchorPosition: B.anchorPosition,
-			query: B.query,
-			editorContext: B.editorContext,
-			onClose: ie
+	}), /* @__PURE__ */ t.createElement("div", { className: X(D || O ? os : "", j.fill && "flex-1 min-h-0 flex flex-col") }, D && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-md rounded-r-none border-r-0") }, D), ee && ne.length > 0 ? /* @__PURE__ */ t.createElement(Bl, {
+		ref: R,
+		className: X(j.fill && "flex-1 min-h-0 flex flex-col"),
+		trigger: ee,
+		searchable: G,
+		controlled: V.editorContext ? {
+			open: V.open,
+			anchorPosition: V.anchorPosition,
+			query: V.query,
+			editorContext: V.editorContext,
+			onClose: ae
 		} : void 0,
 		onSelect: (e, t) => {
-			ae(e, t);
+			oe(e, t);
 		}
-	}, ne, se) : se, D && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-none rounded-r-md border-l-0") }, D)), P && /* @__PURE__ */ t.createElement(hs, { message: P }), _ && /* @__PURE__ */ t.createElement("p", { className: "mt-1 text-xs text-muted-foreground" }, _));
+	}, re, ce) : ce, O && /* @__PURE__ */ t.createElement("span", { className: X("inline-flex shrink-0 items-center border border-input bg-muted px-3 py-1 text-sm text-muted-foreground", "rounded-l-none rounded-r-md border-l-0") }, O)), F && /* @__PURE__ */ t.createElement(hs, { message: F }), _ && /* @__PURE__ */ t.createElement("p", { className: "mt-1 text-xs text-muted-foreground" }, _));
 }, Nu = () => Promise.all([
 	import("@tiptap/react"),
 	import("@tiptap/react/menus"),