@llmnative/react 1.5.1 → 1.6.0

package/dist/index.mjs

@@ -2461,7 +2461,10 @@ var vn = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10
 		loaded: "Loaded",
 		removeFile: "Remove",
 		uploadAnother: "Upload another file",
-		dropToParse: "Drop to parse"
+		dropToParse: "Drop to parse",
+		insertFromUrl: "Insert from URL",
+		urlPlaceholder: "https://…/image.png",
+		invalidUrl: "Enter a valid URL"
 	},
 	notifications: {
 		title: "Notifications",
@@ -7976,17 +7979,37 @@ var vc = 120, yc = 88, bc = (e) => {
 		onSave: T,
 		onClose: D
 	}), p);
-}, Nc = ({ name: e, onChange: n = void 0, label: r = void 0, feedback: i = void 0, editable: a = !1, multiple: o = !1, accept: s = "image/*", required: c = !1, max: l = 100, previewHeight: u = 100, previewWidth: d = 100, uploadPath: f = void 0, srcsetWidths: p = void 0, storageKey: m = void 0, storageProvider: g = void 0, before: _ = void 0, after: v = void 0, wrapperClassName: y = void 0, className: b = void 0 }) => {
-	let { files: x, currentFile: S, fileInputRef: C, formWrapClass: w, handleUploadChange: T, handleUpload: E, handleRemove: D, handleSave: O, handleEdit: k, handleClose: A } = Ec(e, n, y, f, p, m, g), j = nd(e, {
+}, Nc = ({ name: e, onChange: n = void 0, label: r = void 0, feedback: i = void 0, editable: a = !1, multiple: o = !1, accept: s = "image/*", required: c = !1, max: l = 100, previewHeight: u = 100, previewWidth: d = 100, uploadPath: f = void 0, srcsetWidths: p = void 0, storageKey: m = void 0, storageProvider: g = void 0, allowUrl: _ = !1, before: v = void 0, after: y = void 0, wrapperClassName: b = void 0, className: x = void 0 }) => {
+	let { files: S, setFiles: C, currentFile: w, fileInputRef: T, formWrapClass: E, handleUploadChange: D, handleUpload: O, handleRemove: k, handleSave: A, handleEdit: j, handleClose: M } = Ec(e, n, b, f, p, m, g), N = nd(e, {
 		required: c,
 		label: r
-	}), M = Nn("upload"), [N, P] = h(null), [F, I] = h(/* @__PURE__ */ new Set()), L = (e, t) => {
+	}), P = Nn("upload"), [F, I] = h(null), [L, R] = h(/* @__PURE__ */ new Set()), [ee, z] = h(!1), [B, V] = h(""), [H, U] = h(void 0), te = async () => {
+		let e = B.trim();
+		try {
+			new URL(e);
+		} catch {
+			return U(P.invalidUrl), !1;
+		}
+		let t = {
+			key: e,
+			fileName: e.split("/").pop() || "image",
+			size: 0,
+			type: "",
+			progress: 100,
+			url: e,
+			base64: "",
+			variants: {}
+		};
+		return C((e) => o ? [...e, t] : [t]), V(""), U(void 0), z(!1), !0;
+	}, ne = () => {
+		z(!1), V(""), U(void 0);
+	}, W = (e, t) => {
 		let n = e.currentTarget, r = n.naturalWidth > 0 && n.naturalHeight > 0 && (n.naturalWidth < d || n.naturalHeight < u);
-		I((e) => {
+		R((e) => {
 			let n = new Set(e);
 			return r ? n.add(t) : n.delete(t), n;
 		});
-	}, R = ({ scales: e }) => {
+	}, G = ({ scales: e }) => {
 		if (!e) return;
 		let n = Object.keys(e);
 		return n.length === 0 ? null : n.map((n) => /* @__PURE__ */ t.createElement(Xn, { key: n }, /* @__PURE__ */ t.createElement("a", {
@@ -7996,19 +8019,19 @@ var vc = 120, yc = 88, bc = (e) => {
 			rel: "noopener noreferrer"
 		}, n)));
 	};
-	return /* @__PURE__ */ t.createElement(Z, { className: w }, _, /* @__PURE__ */ t.createElement(Z, { className: b }, r && /* @__PURE__ */ t.createElement(js, {
+	return /* @__PURE__ */ t.createElement(Z, { className: E }, v, /* @__PURE__ */ t.createElement(Z, { className: x }, r && /* @__PURE__ */ t.createElement(js, {
 		label: r,
 		required: c
-	}), /* @__PURE__ */ t.createElement("div", { className: "flex gap-2 flex-wrap" }, x.map((e, n) => /* @__PURE__ */ t.createElement("div", {
+	}), /* @__PURE__ */ t.createElement("div", { className: "flex gap-2 flex-wrap" }, S.map((e, n) => /* @__PURE__ */ t.createElement("div", {
 		key: n,
 		className: "relative overflow-hidden rounded-lg border border-border",
 		style: {
 			width: d,
 			height: u
 		},
-		onMouseEnter: () => P(n),
-		onMouseLeave: () => P(null)
-	}, e.progress === 100 ? /* @__PURE__ */ t.createElement(t.Fragment, null, F.has(e.key) && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+		onMouseEnter: () => I(n),
+		onMouseLeave: () => I(null)
+	}, e.progress === 100 ? /* @__PURE__ */ t.createElement(t.Fragment, null, L.has(e.key) && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
 		className: "absolute inset-0 dark:hidden",
 		style: {
 			backgroundColor: "#f0f0f0",
@@ -8027,11 +8050,11 @@ var vc = 120, yc = 88, bc = (e) => {
 	})), /* @__PURE__ */ t.createElement("img", {
 		src: jc(e),
 		alt: `preview-${n}`,
-		className: `absolute inset-0 w-full h-full ${F.has(e.key) ? "object-contain p-1" : "object-cover"}`,
-		onLoad: (t) => L(t, e.key)
+		className: `absolute inset-0 w-full h-full ${L.has(e.key) ? "object-contain p-1" : "object-cover"}`,
+		onLoad: (t) => W(t, e.key)
 	}), /* @__PURE__ */ t.createElement("div", {
 		className: "absolute inset-0 bg-black/55 backdrop-blur-[1px] flex flex-col items-center justify-end pb-2 gap-1 transition-opacity",
-		style: { display: N === n ? "flex" : "none" }
+		style: { display: F === n ? "flex" : "none" }
 	}, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ t.createElement("a", {
 		href: jc(e),
 		target: "_blank",
@@ -8042,7 +8065,7 @@ var vc = 120, yc = 88, bc = (e) => {
 		className: "w-4 h-4"
 	})), a && /* @__PURE__ */ t.createElement("button", {
 		type: "button",
-		onClick: () => k(e),
+		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"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "pencil",
@@ -8050,35 +8073,64 @@ var vc = 120, yc = 88, bc = (e) => {
 	})), /* @__PURE__ */ t.createElement("button", {
 		type: "button",
 		onClick: (t) => {
-			t.preventDefault(), t.stopPropagation(), D(e.key);
+			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"
 	}, /* @__PURE__ */ t.createElement(Q, {
 		name: "x",
 		className: "w-4 h-4"
-	}))), a && e.variants && Object.keys(e.variants).length > 0 && /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap gap-1 px-1" }, /* @__PURE__ */ t.createElement(R, { scales: e.variants })))) : /* @__PURE__ */ t.createElement(Zo, {
+	}))), a && e.variants && Object.keys(e.variants).length > 0 && /* @__PURE__ */ t.createElement("div", { className: "flex flex-wrap gap-1 px-1" }, /* @__PURE__ */ t.createElement(G, { scales: e.variants })))) : /* @__PURE__ */ t.createElement(Zo, {
 		max: 100,
 		min: 0,
 		value: e.progress,
 		appearance: "circle"
-	}))), kc(x, l, o) && /* @__PURE__ */ t.createElement(Dc, {
+	}))), kc(S, l, o) && /* @__PURE__ */ t.createElement("div", {
+		className: "relative",
+		style: {
+			width: d,
+			height: u
+		}
+	}, /* @__PURE__ */ t.createElement(Dc, {
 		name: e,
-		fileInputRef: C,
+		fileInputRef: T,
 		accept: s,
-		onUpload: E,
-		onChange: T,
+		onUpload: O,
+		onChange: D,
 		required: c,
 		multiple: o,
 		height: u,
 		width: d,
 		feedback: i
-	})), j && /* @__PURE__ */ t.createElement(ps, { message: j })), a && S && /* @__PURE__ */ t.createElement(Oc, {
-		title: M.editorImage,
-		file: S,
+	}), _ && /* @__PURE__ */ t.createElement("button", {
+		type: "button",
+		onClick: () => z(!0),
+		title: P.insertFromUrl,
+		"aria-label": P.insertFromUrl,
+		className: "absolute -right-2 -top-2 flex h-6 w-6 items-center justify-center rounded-full border border-border bg-card text-muted-foreground shadow-sm transition-colors hover:text-primary"
+	}, /* @__PURE__ */ t.createElement(Q, {
+		name: "link",
+		className: "w-3.5 h-3.5"
+	})))), N && /* @__PURE__ */ t.createElement(ps, { message: N })), a && w && /* @__PURE__ */ t.createElement(Oc, {
+		title: P.editorImage,
+		file: w,
 		type: "img",
-		onSave: O,
-		onClose: A
-	}), v);
+		onSave: A,
+		onClose: M
+	}), _ && ee && /* @__PURE__ */ t.createElement(Ai, {
+		title: P.insertFromUrl,
+		onSave: te,
+		onClose: ne,
+		size: "sm"
+	}, /* @__PURE__ */ t.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ t.createElement("input", {
+		type: "url",
+		autoFocus: !0,
+		value: B,
+		onChange: (e) => {
+			V(e.target.value), U(void 0);
+		},
+		placeholder: P.urlPlaceholder,
+		className: "h-9 w-full rounded-md border border-input bg-background px-2.5 text-sm focus:outline-none focus:ring-1 focus:ring-ring"
+	}), H && /* @__PURE__ */ t.createElement(ps, { message: H }))), y);
 }, Pc = {
 	US: "United States",
 	CN: "中国",
@@ -17107,7 +17159,10 @@ var Fh = (e) => {
 		loaded: "Caricato",
 		removeFile: "Rimuovi",
 		uploadAnother: "Carica un altro file",
-		dropToParse: "Rilascia per analizzare"
+		dropToParse: "Rilascia per analizzare",
+		insertFromUrl: "Inserisci da URL",
+		urlPlaceholder: "https://…/immagine.png",
+		invalidUrl: "Inserisci un URL valido"
 	},
 	notifications: {
 		title: "Notifiche",
@@ -17262,7 +17317,10 @@ var Fh = (e) => {
 		loaded: "Geladen",
 		removeFile: "Entfernen",
 		uploadAnother: "Eine weitere Datei hochladen",
-		dropToParse: "Loslassen zum Analysieren"
+		dropToParse: "Loslassen zum Analysieren",
+		insertFromUrl: "Von URL einfügen",
+		urlPlaceholder: "https://…/bild.png",
+		invalidUrl: "Gültige URL eingeben"
 	},
 	notifications: {
 		title: "Benachrichtigungen",
@@ -17417,7 +17475,10 @@ var Fh = (e) => {
 		loaded: "Загружено",
 		removeFile: "Удалить",
 		uploadAnother: "Загрузить ещё один файл",
-		dropToParse: "Отпустите для анализа"
+		dropToParse: "Отпустите для анализа",
+		insertFromUrl: "Вставить по URL",
+		urlPlaceholder: "https://…/image.png",
+		invalidUrl: "Введите корректный URL"
 	},
 	notifications: {
 		title: "Уведомления",
@@ -17572,7 +17633,10 @@ var Fh = (e) => {
 		loaded: "已加载",
 		removeFile: "删除",
 		uploadAnother: "上传另一个文件",
-		dropToParse: "松开解析"
+		dropToParse: "松开解析",
+		insertFromUrl: "通过URL插入",
+		urlPlaceholder: "https://…/image.png",
+		invalidUrl: "请输入有效的URL"
 	},
 	notifications: {
 		title: "通知",
@@ -17727,7 +17791,10 @@ var Fh = (e) => {
 		loaded: "محمّل",
 		removeFile: "إزالة",
 		uploadAnother: "تحميل ملف آخر",
-		dropToParse: "أفلت للتحليل"
+		dropToParse: "أفلت للتحليل",
+		insertFromUrl: "إدراج من رابط",
+		urlPlaceholder: "https://…/image.png",
+		invalidUrl: "أدخل رابطًا صالحًا"
 	},
 	notifications: {
 		title: "الإشعارات",