@llmnative/react 1.14.0 → 1.15.2

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"
 	}));
@@ -7990,7 +8000,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 		onClick: (t) => {
 			t.stopPropagation(), w(e.key);
 		},
-		className: "flex items-center justify-center w-6 h-6 rounded-full text-muted-foreground hover:bg-red-50 hover:text-red-500 transition-colors ml-auto"
+		className: "flex items-center justify-center w-6 h-6 rounded-full text-muted-foreground hover:bg-red-50 hover:text-red-500 transition-colors ml-auto cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "x",
 		className: "w-3.5 h-3.5"
@@ -8002,7 +8012,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 	}, /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		onClick: C,
-		className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-primary transition-colors"
+		className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-primary transition-colors cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "upload",
 		className: "w-3.5 h-3.5"
@@ -8109,7 +8119,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 	})), a && /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		onClick: () => j(e),
-		className: "flex items-center justify-center w-7 h-7 rounded-full bg-white/20 hover:bg-white/35 text-white transition-colors"
+		className: "flex items-center justify-center w-7 h-7 rounded-full bg-white/20 hover:bg-white/35 text-white transition-colors cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "pencil",
 		className: "w-4 h-4"
@@ -8118,7 +8128,7 @@ var bc = 120, xc = 88, Sc = (e) => {
 		onClick: (t) => {
 			t.preventDefault(), t.stopPropagation(), k(e.key);
 		},
-		className: "flex items-center justify-center w-7 h-7 rounded-full bg-red-500/70 hover:bg-red-500/90 text-white transition-colors"
+		className: "flex items-center justify-center w-7 h-7 rounded-full bg-red-500/70 hover:bg-red-500/90 text-white transition-colors cursor-pointer"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "x",
 		className: "w-4 h-4"
@@ -17492,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",
@@ -17659,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",
@@ -17826,7 +17840,9 @@ var Hh = (e) => {
 		outputFile: "Выходной файл",
 		active: "Активно",
 		removeVariant: "Удалить вариант {scale}",
-		fileName: "Имя файла"
+		fileName: "Имя файла",
+		altText: "Альтернативный текст",
+		altTextPlaceholder: "Опишите это изображение…"
 	},
 	imageEditor: {
 		title: "Редактор изображений",
@@ -17993,7 +18009,9 @@ var Hh = (e) => {
 		outputFile: "输出文件",
 		active: "活跃",
 		removeVariant: "删除变体{scale}",
-		fileName: "文件名"
+		fileName: "文件名",
+		altText: "替代文本",
+		altTextPlaceholder: "描述此图片…"
 	},
 	imageEditor: {
 		title: "图片编辑器",
@@ -18160,7 +18178,9 @@ var Hh = (e) => {
 		outputFile: "ملف الإخراج",
 		active: "نشط",
 		removeVariant: "إزالة المتغير {scale}",
-		fileName: "اسم الملف"
+		fileName: "اسم الملف",
+		altText: "النص البديل",
+		altTextPlaceholder: "صف هذه الصورة…"
 	},
 	imageEditor: {
 		title: "محرر الصور",