@llmnative/react 1.13.0 → 1.15.0

package/dist/index.mjs

@@ -2537,7 +2537,9 @@ var bn = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10
 		outputFile: "Output file",
 		active: "active",
 		removeVariant: "Remove {scale} variant",
-		fileName: "File name"
+		fileName: "File name",
+		altText: "Alt text",
+		altTextPlaceholder: "Describe this image…"
 	},
 	imageEditor: {
 		title: "Image Editor",
@@ -7371,19 +7373,19 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 	let a = r ?? mc, o = Fn("crop"), s = m(null), c = m(null), u = () => {
 		let t = Object.keys(e.variants ?? {}).filter((e) => e in a);
 		return t.length ? t : Object.keys(a);
-	}, p = vc(), [g, _] = h(u), [v, y] = h(() => u()[0] ?? Object.keys(a)[0]), [b, x] = h(e.fileName), [S, C] = h(e.variants ?? {}), [w, T] = h(null), [E, D] = h(!1), [O, k] = h(!1), A = m(S), j = m(w), M = m(v), N = m(g), P = m(b);
+	}, p = vc(), [g, _] = h(u), [v, y] = h(() => u()[0] ?? Object.keys(a)[0]), [b, x] = h(e.fileName), [S, C] = h(e.alt ?? ""), [w, T] = h(e.variants ?? {}), [E, D] = h(null), [O, k] = h(!1), [A, j] = h(!1), M = m(w), N = m(E), P = m(v), F = m(g), I = m(b);
 	l(() => {
-		A.current = S;
-	}, [S]), l(() => {
-		j.current = w;
+		M.current = w;
 	}, [w]), l(() => {
-		M.current = v;
+		N.current = E;
+	}, [E]), l(() => {
+		P.current = v;
 	}, [v]), l(() => {
-		N.current = g;
+		F.current = g;
 	}, [g]), l(() => {
-		P.current = b;
+		I.current = b;
 	}, [b]), l(() => {
-		C((e) => {
+		T((e) => {
 			let t = {};
 			for (let [n, r] of Object.entries(e)) t[n] = {
 				...r,
@@ -7392,17 +7394,17 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 			return t;
 		});
 	}, [b]);
-	let F = m(null), I = m(null);
+	let L = m(null), R = m(null);
 	l(() => {
 		let e = (e) => {
-			let t = F.current, n = I.current;
+			let t = L.current, n = R.current;
 			if (!t && !n) return;
-			let r = M.current, i = j.current, o = A.current[r];
+			let r = P.current, i = N.current, o = M.current[r];
 			if (!i || !o) return;
 			let s = a[r] ?? 1;
 			if (t) {
 				let n = Math.max(0, Math.min(e.clientX - t.offsetX, i.width - o.width)), a = Math.max(0, Math.min(e.clientY - t.offsetY, i.height - o.height));
-				C((e) => ({
+				T((e) => ({
 					...e,
 					[r]: {
 						...e[r],
@@ -7429,7 +7431,7 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 					let e = Math.min(v / g, y / _);
 					g *= e, _ *= e;
 				}
-				g < hc && (g = hc, _ = g / s), _ < hc && (_ = hc, g = _ * s), C((e) => ({
+				g < hc && (g = hc, _ = g / s), _ < hc && (_ = hc, g = _ * s), T((e) => ({
 					...e,
 					[r]: {
 						...e[r],
@@ -7441,25 +7443,25 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 				}));
 			}
 		}, t = () => {
-			F.current = null, I.current = null, k(!1);
+			L.current = null, R.current = null, j(!1);
 		};
 		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
 			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
 		};
 	}, []), f(() => {
-		if (!E) return;
+		if (!O) return;
 		let t = c.current;
 		if (!t) return;
 		let { width: n, height: r } = t.getBoundingClientRect();
-		if (!(!n || !r) && (T((e) => e && e.width === n && e.height === r ? e : {
+		if (!(!n || !r) && (D((e) => e && e.width === n && e.height === r ? e : {
 			width: n,
 			height: r
-		}), !A.current[v])) {
+		}), !M.current[v])) {
 			let t = a[v] ?? 1, i = Math.min(n * .78, r * t * .78), o = i / t;
-			C((t) => ({
+			T((t) => ({
 				...t,
 				[v]: {
-					fileName: gc(P.current, v),
+					fileName: gc(I.current, v),
 					type: e.type,
 					scale: v,
 					left: (n - i) / 2,
@@ -7470,15 +7472,16 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 				}
 			}));
 		}
-	}, [v, E]), d(i, () => ({ handleSave: () => {
+	}, [v, O]), d(i, () => ({ handleSave: () => {
 		let e = s.current, t = e?.getContext("2d"), n = c.current;
 		if (!e || !t || !n) return {
-			fileName: P.current,
+			fileName: I.current,
+			alt: S,
 			variants: {}
 		};
-		let r = j.current, i = {};
-		for (let a of N.current) {
-			let o = A.current[a];
+		let r = N.current, i = {};
+		for (let a of F.current) {
+			let o = M.current[a];
 			if (!o || !r) continue;
 			let s = n.naturalWidth / r.width, c = n.naturalHeight / r.height, { top: l, left: u, width: d, height: f } = o;
 			e.width = Math.round(d * s), e.height = Math.round(f * c), t.clearRect(0, 0, e.width, e.height), t.drawImage(n, u * s, l * c, d * s, f * c, 0, 0, e.width, e.height), i[a] = {
@@ -7487,30 +7490,31 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 			};
 		}
 		return {
-			fileName: P.current,
+			fileName: I.current,
+			alt: S,
 			variants: i
 		};
 	} }));
-	let L = (e) => {
+	let z = (e) => {
 		g.includes(e) || _((t) => [...t, e]), y(e);
-	}, R = (e, t) => {
+	}, B = (e, t) => {
 		t.stopPropagation();
 		let n = g.filter((t) => t !== e);
 		if (_(n), e === v) {
 			let t = n.filter((e) => e in a);
 			y(t[0] ?? Object.keys(a).find((t) => t !== e) ?? Object.keys(a)[0]);
 		}
-	}, z = (e) => {
+	}, V = (e) => {
 		e.preventDefault(), e.stopPropagation();
-		let t = A.current[v];
-		t && (F.current = {
+		let t = M.current[v];
+		t && (L.current = {
 			offsetX: e.clientX - t.left,
 			offsetY: e.clientY - t.top
-		}, k(!0));
-	}, B = (e, t) => {
+		}, j(!0));
+	}, H = (e, t) => {
 		e.preventDefault(), e.stopPropagation();
-		let n = A.current[v];
-		n && (I.current = {
+		let n = M.current[v];
+		n && (R.current = {
 			handle: t,
 			sx: e.clientX,
 			sy: e.clientY,
@@ -7518,12 +7522,12 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 			st: n.top,
 			sw: n.width,
 			sh: n.height
-		}, k(!0));
-	}, V = g.includes(v), H = S[v];
+		}, j(!0));
+	}, U = g.includes(v), W = w[v];
 	return /* @__PURE__ */ t.createElement("div", { className: ["flex gap-4 h-full min-h-0", n ? "flex-col" : ""].join(" ") }, n && /* @__PURE__ */ t.createElement("h3", { className: "text-base font-semibold shrink-0" }, n), /* @__PURE__ */ t.createElement("div", { className: "flex gap-4 flex-1 min-h-0" }, /* @__PURE__ */ t.createElement("div", {
 		className: "flex-1 min-w-0 min-h-0 flex items-center justify-center rounded-xl overflow-hidden",
 		style: {
-			cursor: O ? "grabbing" : void 0,
+			cursor: A ? "grabbing" : void 0,
 			...p ? {
 				backgroundColor: "#1a1a1a",
 				backgroundImage: "linear-gradient(45deg,#272727 25%,transparent 25%),linear-gradient(-45deg,#272727 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#272727 75%),linear-gradient(-45deg,transparent 75%,#272727 75%)"
@@ -7534,7 +7538,7 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 			backgroundSize: "20px 20px",
 			backgroundPosition: "0 0,0 10px,10px -10px,-10px 0"
 		}
-	}, V ? /* @__PURE__ */ t.createElement("div", {
+	}, U ? /* @__PURE__ */ t.createElement("div", {
 		className: "relative select-none",
 		style: {
 			display: "inline-block",
@@ -7550,11 +7554,11 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 			display: "block"
 		},
 		draggable: !1,
-		onLoad: () => D(!0)
-	}), H && w && /* @__PURE__ */ t.createElement(wc, {
-		crop: H,
-		onMoveStart: z,
-		onResizeStart: B
+		onLoad: () => k(!0)
+	}), W && E && /* @__PURE__ */ t.createElement(wc, {
+		crop: W,
+		onMoveStart: V,
+		onResizeStart: H
 	})) : /* @__PURE__ */ t.createElement("div", { className: "flex flex-col items-center gap-3 text-zinc-500 select-none" }, /* @__PURE__ */ t.createElement("svg", {
 		className: "w-10 h-10 opacity-30",
 		fill: "none",
@@ -7569,21 +7573,27 @@ var sc = a(null), cc = ({ registry: e, defaultKey: n, children: r }) => {
 		value: b,
 		onChange: x,
 		label: o.fileName
+	})), /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1 shrink-0" }, /* @__PURE__ */ t.createElement("label", { className: "text-xs font-medium text-muted-foreground" }, o.altText), /* @__PURE__ */ t.createElement("textarea", {
+		defaultValue: S,
+		onBlur: (e) => C(e.target.value),
+		placeholder: o.altTextPlaceholder,
+		rows: 2,
+		className: "w-full min-w-0 resize-none rounded-md border border-input bg-background px-2.5 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-ring"
 	})), /* @__PURE__ */ t.createElement("div", { className: "flex-1 min-h-0 flex flex-col gap-2 overflow-y-auto" }, /* @__PURE__ */ t.createElement("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide shrink-0" }, o.variants), Object.keys(a).map((n) => /* @__PURE__ */ t.createElement(Cc, {
 		key: n,
 		scale: n,
 		ratio: a[n],
 		img: e,
-		crop: S[n],
-		bounds: w,
+		crop: w[n],
+		bounds: E,
 		enabled: g.includes(n),
 		active: n === v,
-		onClick: () => L(n),
-		onRemove: (e) => R(n, e)
-	}))), V && H && /* @__PURE__ */ t.createElement("div", { className: "shrink-0 pt-3 border-t border-border" }, /* @__PURE__ */ t.createElement("p", { className: "text-xs font-medium text-muted-foreground mb-1" }, o.outputFile), /* @__PURE__ */ t.createElement("p", {
+		onClick: () => z(n),
+		onRemove: (e) => B(n, e)
+	}))), U && W && /* @__PURE__ */ t.createElement("div", { className: "shrink-0 pt-3 border-t border-border" }, /* @__PURE__ */ t.createElement("p", { className: "text-xs font-medium text-muted-foreground mb-1" }, o.outputFile), /* @__PURE__ */ t.createElement("p", {
 		className: "text-xs text-foreground/70 truncate tabular-nums",
-		title: H.fileName
-	}, H.fileName ?? gc(b, v))))), /* @__PURE__ */ t.createElement("canvas", {
+		title: W.fileName
+	}, W.fileName ?? gc(b, v))))), /* @__PURE__ */ t.createElement("canvas", {
 		ref: s,
 		className: "hidden"
 	}));
@@ -9603,46 +9613,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 +9659,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 +9687,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 +9737,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 +9765,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"),
@@ -17494,7 +17502,9 @@ var Hh = (e) => {
 		outputFile: "File di output",
 		active: "Attivo",
 		removeVariant: "Rimuovi variante {scale}",
-		fileName: "Nome file"
+		fileName: "Nome file",
+		altText: "Testo alternativo",
+		altTextPlaceholder: "Descrivi questa immagine…"
 	},
 	imageEditor: {
 		title: "Editor immagine",
@@ -17661,7 +17671,9 @@ var Hh = (e) => {
 		outputFile: "Ausgabedatei",
 		active: "Aktiv",
 		removeVariant: "Variante {scale} entfernen",
-		fileName: "Dateiname"
+		fileName: "Dateiname",
+		altText: "Alt-Text",
+		altTextPlaceholder: "Beschreiben Sie dieses Bild…"
 	},
 	imageEditor: {
 		title: "Bildeditor",
@@ -17828,7 +17840,9 @@ var Hh = (e) => {
 		outputFile: "Выходной файл",
 		active: "Активно",
 		removeVariant: "Удалить вариант {scale}",
-		fileName: "Имя файла"
+		fileName: "Имя файла",
+		altText: "Альтернативный текст",
+		altTextPlaceholder: "Опишите это изображение…"
 	},
 	imageEditor: {
 		title: "Редактор изображений",
@@ -17995,7 +18009,9 @@ var Hh = (e) => {
 		outputFile: "输出文件",
 		active: "活跃",
 		removeVariant: "删除变体{scale}",
-		fileName: "文件名"
+		fileName: "文件名",
+		altText: "替代文本",
+		altTextPlaceholder: "描述此图片…"
 	},
 	imageEditor: {
 		title: "图片编辑器",
@@ -18162,7 +18178,9 @@ var Hh = (e) => {
 		outputFile: "ملف الإخراج",
 		active: "نشط",
 		removeVariant: "إزالة المتغير {scale}",
-		fileName: "اسم الملف"
+		fileName: "اسم الملف",
+		altText: "النص البديل",
+		altTextPlaceholder: "صف هذه الصورة…"
 	},
 	imageEditor: {
 		title: "محرر الصور",