themelia-react-ui 2.0.0 → 2.0.2

package/dist/rich-text-editor-cRLC-eBK.js

@@ -0,0 +1,1196 @@
+"use client";
+import { interpolateString as e, useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-BRhFDwuU.js";
+import { n as r } from "./buttons-DPZekJFu.js";
+import { c as i } from "./typography-UTnveOEy.js";
+import { t as a } from "./structure-BmisBK-3.js";
+import { n as o } from "./safe-image-src-C6kQSMBZ.js";
+import { n as s } from "./content-typography-CnwgMJ37.js";
+import { g as c } from "./primitives-BFK08r9M.js";
+import { t as l } from "./number-DbV1Dija.js";
+import { t as u } from "./input-DQdEd0YD.js";
+import { t as d } from "./form-field-CwH9y77i.js";
+import { n as f, t as ee } from "./rich-text-editor-toolbar-DfXg0-VC.js";
+import { t as te } from "./rich-text-editor.strings-CB59ekH2.js";
+import { forwardRef as p, useCallback as m, useEffect as h, useId as ne, useImperativeHandle as re, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AlertCircle as ie, Bold as ae, ImagePlus as S, Italic as oe, List as se, ListOrdered as ce, Loader2 as le, Quote as ue, Redo2 as de, Strikethrough as fe, Undo2 as pe } from "lucide-react";
+import * as C from "@tiptap/react";
+import * as me from "@tiptap/starter-kit";
+import { createPortal as he } from "react-dom";
+//#region src/components/features/rich-text-editor/partials/caret-helpers.ts
+function ge() {
+	if (typeof window > "u") return null;
+	let e = window.getSelection();
+	if (!e || e.rangeCount === 0) return null;
+	let t = e.getRangeAt(0);
+	if (!t.collapsed) return null;
+	let n = t.startContainer, r = t.startOffset, i = n;
+	for (; i && i.nodeType !== Node.ELEMENT_NODE;) i = i.parentNode;
+	if (!i) return null;
+	let a = i.closest("[contenteditable=\"true\"]") ?? i.closest(".ProseMirror");
+	if (!a) return null;
+	let o = "";
+	n.nodeType === Node.TEXT_NODE && (o = (n.textContent ?? "").slice(0, r));
+	let s = n;
+	for (; s && s !== a && s !== i;) {
+		let e = s.previousSibling;
+		for (; e;) o = (e.textContent ?? "") + o, e = e.previousSibling;
+		if (s = s.parentNode, s && s.matches?.("p, li, h1, h2, h3, h4, h5, h6, blockquote")) break;
+	}
+	let c, l = t.getBoundingClientRect();
+	return l && (l.top || l.left || l.right || l.bottom) && (c = {
+		top: l.top,
+		left: l.left,
+		bottom: l.bottom,
+		right: l.right
+	}), {
+		textBefore: o,
+		rect: c
+	};
+}
+function _e(e, t, n, r) {
+	if (typeof window > "u") return;
+	if (e) {
+		let { selection: i } = e.state;
+		if (!i.empty) return;
+		let a = i.from - Math.min(t, i.$from.parentOffset);
+		e.chain().focus().insertContentAt({
+			from: a,
+			to: i.from
+		}, n).run(), r(e.getHTML());
+		return;
+	}
+	let i = window.getSelection();
+	if (!i || i.rangeCount === 0) return;
+	let a = i.getRangeAt(0);
+	if (!a.collapsed) return;
+	let o = t, s = a.startContainer, c = a.startOffset;
+	for (; o > 0;) {
+		if (s.nodeType === Node.TEXT_NODE) {
+			let e = Math.min(c, o);
+			if (c -= e, o -= e, o === 0) break;
+		}
+		let e = w(s);
+		if (!e) break;
+		s = e, c = e.textContent?.length ?? 0;
+	}
+	let l = document.createRange();
+	l.setStart(s, c), l.setEnd(a.endContainer, a.endOffset), i.removeAllRanges(), i.addRange(l), l.deleteContents();
+	let u = document.createRange().createContextualFragment(n);
+	l.insertNode(u), i.collapseToEnd();
+	let d = s?.parentElement?.closest?.("[contenteditable=\"true\"]") ?? null;
+	d && r(d.innerHTML);
+}
+function ve(e, t) {
+	if (typeof window > "u" || !e) return;
+	e.focus();
+	let n = window.getSelection();
+	if (!n || n.rangeCount === 0) {
+		e.insertAdjacentHTML("beforeend", t);
+		return;
+	}
+	let r = n.getRangeAt(0);
+	if (!e.contains(r.commonAncestorContainer)) {
+		e.insertAdjacentHTML("beforeend", t);
+		return;
+	}
+	r.deleteContents();
+	let i = document.createRange().createContextualFragment(t);
+	r.insertNode(i), r.collapse(!1), n.removeAllRanges(), n.addRange(r);
+}
+function w(e) {
+	let t = e;
+	for (; t;) {
+		if (t.previousSibling) {
+			for (t = t.previousSibling; t && t.lastChild;) t = t.lastChild;
+			if (t && t.nodeType === Node.TEXT_NODE) return t;
+			continue;
+		}
+		if (t = t.parentNode, !t || t.matches?.("p, li, h1, h2, h3, h4, h5, h6, blockquote, [contenteditable=\"true\"]")) return null;
+	}
+	return null;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/counts-footer.tsx
+function T({ text: e, maxLength: t, strings: r, className: a }) {
+	let o = e.length, s = e.trim().length > 0 ? e.trim().split(/\s+/).length : 0, u = typeof t == "number" && o > t;
+	return /* @__PURE__ */ x("div", {
+		className: n("counts-footer-text--component border-border flex items-center justify-end gap-space-lg border-t px-control py-space-sm", a),
+		children: [/* @__PURE__ */ x(i, {
+			tag: "span",
+			size: "xs",
+			type: u ? "error" : "secondary",
+			weight: u ? "medium" : "regular",
+			className: n("tabular-nums"),
+			children: [
+				/* @__PURE__ */ b(l, {
+					value: o,
+					size: "xs",
+					type: u ? "error" : "secondary",
+					align: "left"
+				}),
+				typeof t == "number" && /* @__PURE__ */ x(y, { children: [" / ", /* @__PURE__ */ b(l, {
+					value: t,
+					size: "xs",
+					type: u ? "error" : "secondary",
+					align: "left"
+				})] }),
+				" ",
+				r.counts.characters
+			]
+		}), /* @__PURE__ */ x(c, {
+			size: "xs",
+			className: "tabular-nums",
+			children: [
+				/* @__PURE__ */ b(l, {
+					value: s,
+					size: "xs",
+					type: "secondary",
+					align: "left"
+				}),
+				" ",
+				r.counts.words
+			]
+		})]
+	});
+}
+T.displayName = "CountsFooterText";
+function E({ editor: e, sourceMode: t, sourceValue: n, maxLength: r, strings: i }) {
+	let a = t ? n.replace(/<[^>]*>/g, "") : e?.getText() ?? "";
+	return /* @__PURE__ */ b(T, {
+		text: a,
+		maxLength: r,
+		strings: i
+	});
+}
+E.displayName = "CountsFooter";
+//#endregion
+//#region src/components/features/rich-text-editor/partials/html-helpers.ts
+function D(e) {
+	let t = e.trim();
+	return t === "" || t === "<p></p>" || t === "<p><br></p>" ? "" : t;
+}
+function O(e) {
+	let t = D(e);
+	return t === "" ? "<p></p>" : t;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/inline-reference-node.ts
+var k = "rsc-mention inline-reference--chip", A = "inlineReference";
+function j(e) {
+	return ({ editor: t }) => t.commands.command(({ tr: t, state: n }) => {
+		let { selection: r } = n;
+		if (!r.empty) return !1;
+		let { $from: i } = r, a = e === "backward" ? i.nodeBefore : i.nodeAfter;
+		if (a?.type.name !== A) return !1;
+		let o = e === "backward" ? i.pos - a.nodeSize : i.pos;
+		return t.delete(o, o + a.nodeSize), !0;
+	});
+}
+var M = null;
+function N() {
+	return M ??= C.Node.create({
+		name: A,
+		group: "inline",
+		inline: !0,
+		atom: !0,
+		selectable: !0,
+		draggable: !1,
+		addAttributes() {
+			return {
+				id: {
+					default: null,
+					parseHTML: (e) => e.getAttribute("data-ref-id"),
+					renderHTML: (e) => ({ "data-ref-id": e.id })
+				},
+				kind: {
+					default: null,
+					parseHTML: (e) => e.getAttribute("data-ref-kind"),
+					renderHTML: (e) => e.kind ? { "data-ref-kind": e.kind } : {}
+				},
+				tone: {
+					default: null,
+					parseHTML: (e) => e.getAttribute("data-ref-tone"),
+					renderHTML: (e) => e.tone ? { "data-ref-tone": e.tone } : {}
+				},
+				label: {
+					default: "",
+					parseHTML: (e) => e.textContent ?? "",
+					renderHTML: () => ({})
+				}
+			};
+		},
+		parseHTML() {
+			return [{ tag: "span[data-ref-id]" }];
+		},
+		renderHTML({ node: e, HTMLAttributes: t }) {
+			return [
+				"span",
+				C.mergeAttributes({
+					class: "rsc-mention",
+					contenteditable: "false"
+				}, t),
+				e.attrs.label
+			];
+		},
+		renderText({ node: e }) {
+			return e.attrs.label;
+		},
+		addNodeView() {
+			return ({ node: e }) => {
+				let t = document.createElement("span");
+				return t.className = k, t.setAttribute("contenteditable", "false"), t.setAttribute("data-ref-id", String(e.attrs.id ?? "")), e.attrs.kind && t.setAttribute("data-ref-kind", String(e.attrs.kind)), e.attrs.tone && t.setAttribute("data-ref-tone", String(e.attrs.tone)), t.textContent = String(e.attrs.label ?? ""), { dom: t };
+			};
+		},
+		addKeyboardShortcuts() {
+			return {
+				Backspace: j("backward"),
+				Delete: j("forward")
+			};
+		}
+	}), M;
+}
+var P = "data-rte-upload", ye = "rich-text-editor--upload my-space-xs flex min-h-control items-center rounded-inner border border-dashed border-input bg-muted/30 px-row-x py-row-y", F = RegExp(`<span[^>]*\\b${P}="[^"]*"[^>]*>[\\s\\S]*?</span>`, "g");
+function be(e) {
+	return e.includes("data-rte-upload") ? e.replace(F, "") : e;
+}
+function I(e, t) {
+	let n = e.type.toLowerCase(), r = e.name.toLowerCase();
+	return t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean).some((e) => e.startsWith(".") ? r.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
+}
+function L(e) {
+	return e.replace(/\.[^.]+$/, "").replace(/[-_]+/g, " ").trim();
+}
+function xe(e) {
+	return Array.from(e?.files ?? []).filter((e) => e.type.startsWith("image/"));
+}
+var R = 0;
+function Se(t, n, r) {
+	let [i, a] = v([]), [s, c] = v(null), l = _(/* @__PURE__ */ new Map());
+	h(() => () => {
+		for (let e of l.current.values()) e.controller?.abort();
+	}, []);
+	let u = m((e) => {
+		l.current.get(e)?.controller?.abort(), l.current.delete(e), a((t) => t.filter((t) => t.id !== e));
+	}, []), d = m(async (e) => {
+		let r = l.current.get(e);
+		if (!r || !t) return;
+		r.controller?.abort();
+		let i = new AbortController();
+		r.controller = i;
+		let s = {
+			id: e,
+			name: r.file.name,
+			status: "uploading"
+		};
+		a((t) => t.some((t) => t.id === e) ? t.map((t) => t.id === e ? s : t) : [...t, s]);
+		try {
+			let a = await t.upload(r.file, { signal: i.signal });
+			if (i.signal.aborted) return;
+			let s = o(a?.src);
+			if (!s) throw Error(`The uploaded image source for ${r.file.name} is not an allowed URL.`);
+			let c = n.current?.findPlaceholder(e);
+			u(e), c && n.current?.resolvePlaceholder(e, {
+				src: s,
+				alt: a.alt ?? L(r.file.name),
+				width: a.width,
+				height: a.height
+			});
+		} catch (n) {
+			if (i.signal.aborted) return;
+			t.onError?.(n, r.file), a((t) => t.map((t) => t.id === e ? {
+				...t,
+				status: "error"
+			} : t));
+		}
+	}, [
+		n,
+		u,
+		t
+	]);
+	return {
+		uploads: i,
+		notice: s,
+		dismissNotice: () => c(null),
+		addFiles: m((i) => {
+			if (!t) return;
+			let a = t.accept ?? "image/png,image/jpeg,image/gif,image/webp", o = [];
+			for (let s of i) {
+				let i = I(s, a) ? t.maxSize && s.size > t.maxSize ? r.tooLarge : null : r.unsupported;
+				if (i) {
+					let n = e(i, { name: s.name });
+					o.push(n), t.onError?.(Error(n), s);
+					continue;
+				}
+				R += 1;
+				let c = `upload-${R}`;
+				l.current.set(c, { file: s }), n.current?.insertPlaceholder(c), d(c);
+			}
+			c(o.length > 0 ? o.join(" ") : null);
+		}, [
+			n,
+			t,
+			d,
+			r.tooLarge,
+			r.unsupported
+		]),
+		retry: m((e) => {
+			d(e);
+		}, [d]),
+		remove: m((e) => {
+			u(e), n.current?.removePlaceholder(e);
+		}, [n, u]),
+		prune: m(() => {
+			for (let e of Array.from(l.current.keys())) n.current?.findPlaceholder(e) || u(e);
+		}, [n, u])
+	};
+}
+function z({ upload: t, strings: n, onRetry: o, onRemove: s }) {
+	let c = t.status === "error";
+	return /* @__PURE__ */ x(a, {
+		direction: "horizontal",
+		align: "center",
+		gap: "sm",
+		wrap: !0,
+		className: "rich-text-editor--upload-status w-full min-w-0",
+		"data-status": t.status,
+		children: [
+			c ? /* @__PURE__ */ b(ie, {
+				className: "size-icon shrink-0 text-destructive",
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ b(le, {
+				className: "size-icon shrink-0 animate-spin text-muted-foreground motion-reduce:animate-none",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ b(i, {
+				tag: "span",
+				size: "xs",
+				type: c ? "error" : "secondary",
+				role: c ? "alert" : "status",
+				className: "min-w-0 flex-1 basis-40 break-words",
+				children: e(c ? n.failed : n.uploading, { name: t.name })
+			}),
+			c && /* @__PURE__ */ b(r, {
+				type: "button",
+				size: "sm",
+				onClick: o,
+				children: n.retry
+			}),
+			/* @__PURE__ */ b(r, {
+				type: "button",
+				size: "sm",
+				buttonStyle: "ghost",
+				onClick: s,
+				children: c ? n.remove : n.cancel
+			})
+		]
+	});
+}
+function Ce({ queue: e, adapterRef: t, strings: n }) {
+	return /* @__PURE__ */ b(y, { children: e.uploads.map((r) => {
+		let i = t.current?.findPlaceholder(r.id);
+		return i ? he(/* @__PURE__ */ b(z, {
+			upload: r,
+			strings: n,
+			onRetry: () => e.retry(r.id),
+			onRemove: () => e.remove(r.id)
+		}), i, r.id) : null;
+	}) });
+}
+function we(e, t, n, r) {
+	let i = _(null), a = _(r);
+	a.current = r;
+	let o = !!e;
+	return {
+		item: g(() => o ? {
+			id: "insert-image",
+			icon: S,
+			label: t.insert,
+			toggle: !1,
+			onClick: () => {
+				a.current?.(), i.current?.click();
+			}
+		} : null, [o, t.insert]),
+		input: e ? /* @__PURE__ */ b("input", {
+			ref: i,
+			type: "file",
+			accept: e.accept ?? "image/png,image/jpeg,image/gif,image/webp",
+			multiple: !0,
+			hidden: !0,
+			tabIndex: -1,
+			"aria-hidden": "true",
+			onChange: (e) => {
+				let t = Array.from(e.target.files ?? []);
+				e.target.value = "", t.length > 0 && n(t);
+			}
+		}) : null
+	};
+}
+function Te({ alt: e, onAltChange: t, onRemove: n, notice: o, onDismissNotice: s, strings: c }) {
+	let l = ne();
+	return e === null && !o ? null : /* @__PURE__ */ x(a, {
+		gap: "sm",
+		className: "rich-text-editor--image-details border-t border-border/60 px-control py-space-sm",
+		children: [!!o && /* @__PURE__ */ x(a, {
+			direction: "horizontal",
+			align: "center",
+			gap: "sm",
+			children: [/* @__PURE__ */ b(i, {
+				tag: "span",
+				size: "xs",
+				type: "error",
+				role: "alert",
+				className: "min-w-0 flex-1",
+				children: o
+			}), /* @__PURE__ */ b(r, {
+				type: "button",
+				size: "sm",
+				buttonStyle: "ghost",
+				onClick: s,
+				children: c.remove
+			})]
+		}), e !== null && /* @__PURE__ */ b(d, {
+			label: c.descriptionLabel,
+			hint: c.descriptionHint,
+			htmlFor: l,
+			children: /* @__PURE__ */ b(y, { children: /* @__PURE__ */ x(a, {
+				direction: "horizontal",
+				align: "center",
+				gap: "sm",
+				wrap: !1,
+				children: [/* @__PURE__ */ b(u, {
+					id: l,
+					value: e,
+					className: "min-w-0 flex-1",
+					onChange: (e) => t(e.target.value)
+				}), /* @__PURE__ */ b(r, {
+					type: "button",
+					buttonStyle: "outline",
+					onClick: n,
+					children: c.removeImage
+				})]
+			}) })
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/image-nodes.ts
+function B(e) {
+	let t = Number(e);
+	return Number.isFinite(t) && t > 0 ? t : null;
+}
+var V = null, H = null;
+function U() {
+	return V ??= C.Node.create({
+		name: "image",
+		group: "inline",
+		inline: !0,
+		atom: !0,
+		selectable: !0,
+		draggable: !0,
+		addAttributes() {
+			return {
+				src: {
+					default: null,
+					parseHTML: (e) => o(e.getAttribute("src")) ?? null
+				},
+				alt: {
+					default: "",
+					parseHTML: (e) => e.getAttribute("alt") ?? ""
+				},
+				title: { default: null },
+				width: {
+					default: null,
+					parseHTML: (e) => B(e.getAttribute("width"))
+				},
+				height: {
+					default: null,
+					parseHTML: (e) => B(e.getAttribute("height"))
+				}
+			};
+		},
+		parseHTML() {
+			return [{
+				tag: "img[src]",
+				getAttrs: (e) => o(e.getAttribute("src")) ? null : !1
+			}];
+		},
+		renderHTML({ HTMLAttributes: e }) {
+			let t = o(e.src);
+			return ["img", C.mergeAttributes(e, { src: t ?? null })];
+		}
+	}), V;
+}
+function W() {
+	return H ??= C.Node.create({
+		name: "imageUpload",
+		group: "inline",
+		inline: !0,
+		atom: !0,
+		selectable: !1,
+		addAttributes() {
+			return { id: { default: null } };
+		},
+		parseHTML() {
+			return [];
+		},
+		renderHTML({ node: e }) {
+			return ["span", { [P]: e.attrs.id }];
+		},
+		addNodeView() {
+			return ({ node: e }) => {
+				let t = document.createElement("span");
+				return t.setAttribute(P, String(e.attrs.id)), t.setAttribute("contenteditable", "false"), t.className = ye, {
+					dom: t,
+					ignoreMutation: () => !0,
+					stopEvent: () => !0
+				};
+			};
+		}
+	}), H;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/rich-text-editor-tiptap.tsx
+function G(e) {
+	return D(be(e?.getHTML() ?? ""));
+}
+var K = C.EditorContent, q = C.useEditor, J = "default" in me ? me.default : me, Y = p(function({ value: e, onValueChange: r, placeholder: a, compact: o = !1, bodyHeight: c, minHeight: l, maxHeight: u, disabled: d = !1, showCounts: p = !1, maxLength: ne, extraToolbarItems: y, toolbarTrailing: ie, footerSlot: S, hideSourceToggle: le = !1, autoFocus: C = !1, className: me, onCaretChange: he, strings: ve, images: w }, T) {
+	let k = t(te, ve), A = !!w, j = _(null), M = _(null), [P, ye] = v(!1), [F, be] = v(!1), [I, L] = v(""), R = _(!1), z = _(D(e)), B = _(he);
+	B.current = he;
+	let V = q({
+		extensions: g(() => [
+			J,
+			N(),
+			...A ? [U(), W()] : []
+		], [A]),
+		content: O(e),
+		editable: !d,
+		immediatelyRender: !1,
+		autofocus: C ? "end" : !1,
+		onFocus: () => {
+			R.current = !0, ye(!0);
+		},
+		onBlur: () => {
+			R.current = !1, ye(!1);
+		},
+		onUpdate: ({ editor: e }) => {
+			j.current?.prune();
+			let t = G(e);
+			R.current && (t !== z.current && (z.current = t, r(t)), B.current?.());
+		},
+		editorProps: {
+			handlePaste: (e, t) => {
+				let n = xe(t.clipboardData);
+				return !j.current || !H.current || n.length === 0 ? !1 : (j.current.addFiles(n), !0);
+			},
+			handleDrop: (e, t, n, r) => {
+				let i = xe(t.dataTransfer);
+				if (r || !j.current || !H.current || i.length === 0) return !1;
+				let a = e.posAtCoords({
+					left: t.clientX,
+					top: t.clientY
+				});
+				return a && M.current?.commands.setTextSelection(a.pos), j.current.addFiles(i), !0;
+			},
+			attributes: {
+				role: "textbox",
+				"aria-label": k.editorLabel,
+				"aria-multiline": "true",
+				class: s
+			}
+		}
+	}, [A]);
+	h(() => {
+		if (!V) return;
+		let t = G(V), n = D(e);
+		z.current = n, t !== n && V.commands.setContent(O(n), { emitUpdate: !1 });
+	}, [V, e]), h(() => {
+		V && V.setEditable(!d);
+	}, [d, V]), h(() => {
+		if (typeof document > "u") return;
+		let e = () => {
+			R.current && B.current?.();
+		};
+		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
+	}, []), re(T, () => ({
+		focus: () => {
+			V?.chain().focus().run();
+		},
+		getHTML: () => G(V),
+		setHTML: (e) => {
+			let t = D(e);
+			z.current = t, V?.commands.setContent(O(t), { emitUpdate: !1 }), r(t);
+		},
+		insertHTML: (e) => {
+			V && V.chain().focus().insertContent(e).run();
+		},
+		isEmpty: () => G(V) === "",
+		clear: () => {
+			z.current = "", V?.commands.setContent("<p></p>", { emitUpdate: !1 }), r("");
+		},
+		getCaretContext: () => ge(),
+		replaceBeforeCaret: (e, t) => {
+			_e(V, e, t, (e) => {
+				z.current = D(e), r(z.current);
+			});
+		}
+	}), [V, r]), M.current = V ?? null;
+	let H = _(w);
+	H.current = w;
+	let Y = m(() => {
+		if (!V) return;
+		let e = G(V);
+		e !== z.current && (z.current = e, r(e));
+	}, [V, r]), Ee = m((e) => {
+		let t = null;
+		return V?.state.doc.descendants((n, r) => (!t && e(n) && (t = {
+			pos: r,
+			node: n
+		}), !t)), t;
+	}, [V]), X = _(null);
+	X.current = V ? {
+		insertPlaceholder: (e) => {
+			V.chain().focus().insertContent({
+				type: "imageUpload",
+				attrs: { id: e }
+			}).run();
+		},
+		findPlaceholder: (e) => V.view.dom.querySelector(`[data-rte-upload="${e}"]`),
+		resolvePlaceholder: (e, t) => {
+			let n = Ee((t) => t.type.name === "imageUpload" && t.attrs.id === e);
+			if (!n) return;
+			let r = V.schema.nodes.image.create({
+				src: t.src,
+				alt: t.alt ?? "",
+				width: t.width ?? null,
+				height: t.height ?? null
+			});
+			V.view.dispatch(V.state.tr.replaceWith(n.pos, n.pos + n.node.nodeSize, r)), Y();
+		},
+		removePlaceholder: (e) => {
+			let t = Ee((t) => t.type.name === "imageUpload" && t.attrs.id === e);
+			t && (V.view.dispatch(V.state.tr.delete(t.pos, t.pos + t.node.nodeSize)), Y());
+		}
+	} : null;
+	let Z = Se(w, X, k.images);
+	j.current = A ? Z : null;
+	let De = we(w, k.images, Z.addFiles), Oe = g(() => De.item ? [De.item, ...y ?? []] : y, [y, De.item]), [Q, $] = v(null);
+	h(() => {
+		if (!V || !A) return;
+		let e = () => {
+			let e = V.state.selection, t = null;
+			if (e.node?.type.name === "image") t = {
+				pos: e.from,
+				alt: String(e.node.attrs.alt ?? "")
+			};
+			else if (e.empty) {
+				let { nodeBefore: n, nodeAfter: r } = e.$from;
+				n?.type.name === "image" ? t = {
+					pos: e.from - n.nodeSize,
+					alt: String(n.attrs.alt ?? "")
+				} : r?.type.name === "image" && (t = {
+					pos: e.from,
+					alt: String(r.attrs.alt ?? "")
+				});
+			}
+			$(t);
+		};
+		return V.on("selectionUpdate", e), V.on("update", e), () => {
+			V.off("selectionUpdate", e), V.off("update", e);
+		};
+	}, [V, A]);
+	let ke = f.bodyMinHeight[c ?? (o ? "control" : "document")], Ae = g(() => ({
+		...l ? { minHeight: l } : {},
+		...u ? {
+			maxHeight: u,
+			overflowY: "auto"
+		} : {}
+	}), [u, l]), je = m(() => {
+		if (V) {
+			if (F) {
+				let e = O(I);
+				V.commands.setContent(e, { emitUpdate: !1 });
+				let t = D(I);
+				z.current = t, r(t), be(!1);
+			} else L(V.getHTML()), be(!0);
+		}
+	}, [
+		V,
+		r,
+		F,
+		I
+	]), Me = m((e) => {
+		let t = e.target.value;
+		L(t);
+		let n = D(t);
+		z.current = n, r(n);
+	}, [r]), Ne = g(() => [
+		{
+			id: "bold",
+			icon: ae,
+			label: k.toolbar.bold,
+			isActive: () => !!V?.isActive("bold"),
+			toggle: !0,
+			run: () => V?.chain().focus().toggleBold().run()
+		},
+		{
+			id: "italic",
+			icon: oe,
+			label: k.toolbar.italic,
+			isActive: () => !!V?.isActive("italic"),
+			toggle: !0,
+			run: () => V?.chain().focus().toggleItalic().run()
+		},
+		{
+			id: "strike",
+			icon: fe,
+			label: k.toolbar.strike,
+			isActive: () => !!V?.isActive("strike"),
+			toggle: !0,
+			run: () => V?.chain().focus().toggleStrike().run()
+		},
+		{
+			id: "bullet-list",
+			icon: se,
+			label: k.toolbar.bulletList,
+			isActive: () => !!V?.isActive("bulletList"),
+			toggle: !0,
+			run: () => V?.chain().focus().toggleBulletList().run()
+		},
+		{
+			id: "ordered-list",
+			icon: ce,
+			label: k.toolbar.orderedList,
+			isActive: () => !!V?.isActive("orderedList"),
+			toggle: !0,
+			run: () => V?.chain().focus().toggleOrderedList().run()
+		},
+		{
+			id: "blockquote",
+			icon: ue,
+			label: k.toolbar.blockquote,
+			isActive: () => !!V?.isActive("blockquote"),
+			toggle: !0,
+			run: () => V?.chain().focus().toggleBlockquote().run()
+		},
+		{
+			id: "undo",
+			icon: pe,
+			label: k.toolbar.undo,
+			isActive: () => !1,
+			run: () => V?.chain().focus().undo().run(),
+			disabled: !V?.can().chain().focus().undo().run()
+		},
+		{
+			id: "redo",
+			icon: de,
+			label: k.toolbar.redo,
+			isActive: () => !1,
+			run: () => V?.chain().focus().redo().run(),
+			disabled: !V?.can().chain().focus().redo().run()
+		}
+	], [V, k]), Pe = p && V ? /* @__PURE__ */ b(E, {
+		editor: V,
+		sourceMode: F,
+		sourceValue: I,
+		maxLength: ne,
+		strings: k
+	}) : null, Fe = typeof a == "string" ? a : "", Ie = Fe.length > 0 && !P && V?.isEmpty ? /* @__PURE__ */ b(i, {
+		tag: "span",
+		size: "sm",
+		type: "secondary",
+		className: "pointer-events-none absolute inset-0 px-control py-control-y-offset",
+		children: Fe
+	}) : null;
+	return /* @__PURE__ */ x("div", {
+		className: n(f.frame, d && f.disabled, me),
+		children: [
+			/* @__PURE__ */ b(ee, {
+				buttons: Ne,
+				extraToolbarItems: Oe,
+				hideSourceToggle: le,
+				sourceMode: F,
+				toggleSourceMode: je,
+				disabled: d,
+				hasEditor: !!V,
+				toolbarTrailing: ie,
+				strings: k
+			}),
+			F ? /* @__PURE__ */ b("textarea", {
+				"aria-label": k.sourceLabel,
+				value: I,
+				onChange: Me,
+				disabled: d,
+				spellCheck: !1,
+				className: n(f.source, ke, d && "cursor-not-allowed"),
+				style: Ae
+			}) : /* @__PURE__ */ x("div", {
+				className: n("relative", ke),
+				style: Ae,
+				children: [Ie, /* @__PURE__ */ b(K, {
+					editor: V,
+					className: f.content
+				})]
+			}),
+			A && /* @__PURE__ */ b(Te, {
+				alt: Q ? Q.alt : null,
+				onAltChange: (e) => {
+					if (!V || !Q) return;
+					let t = V.state.doc.nodeAt(Q.pos);
+					t?.type.name === "image" && (V.view.dispatch(V.state.tr.setNodeMarkup(Q.pos, void 0, {
+						...t.attrs,
+						alt: e
+					})), $({
+						...Q,
+						alt: e
+					}), Y());
+				},
+				onRemove: () => {
+					if (!V || !Q) return;
+					let e = V.state.doc.nodeAt(Q.pos);
+					e?.type.name === "image" && (V.view.dispatch(V.state.tr.delete(Q.pos, Q.pos + e.nodeSize)), $(null), Y(), V.commands.focus());
+				},
+				notice: Z.notice,
+				onDismissNotice: Z.dismissNotice,
+				strings: k.images
+			}),
+			!!S && /* @__PURE__ */ b("div", {
+				className: "px-control pb-space-md pt-space-xs",
+				children: S
+			}),
+			Pe,
+			De.input,
+			A && /* @__PURE__ */ b(Ce, {
+				queue: Z,
+				adapterRef: X,
+				strings: k.images
+			})
+		]
+	});
+});
+Y.displayName = "TiptapRichTextEditor";
+var Ee = ((e) => typeof e == "function" || typeof e == "object" && !!e && "$$typeof" in e)(K) && typeof q == "function" && typeof J == "object" && !!J;
+//#endregion
+//#region src/components/features/rich-text-editor/partials/rich-text-editor-fallback.tsx
+function X(e) {
+	if (!e) return "";
+	if (!e.querySelector("[data-rte-upload]")) return e.innerHTML;
+	let t = e.cloneNode(!0);
+	for (let e of Array.from(t.querySelectorAll(`[${P}]`))) e.remove();
+	return t.innerHTML;
+}
+function Z(e) {
+	for (let t of Array.from(e.querySelectorAll("img"))) o(t.getAttribute("src")) || t.remove();
+}
+function De(e) {
+	let t = window.getSelection();
+	if (!t || t.rangeCount === 0) return null;
+	let n = t.getRangeAt(0);
+	if (!e.contains(n.commonAncestorContainer)) return null;
+	for (let t of Array.from(e.querySelectorAll("img"))) if (n.intersectsNode(t) && !n.collapsed) return t;
+	if (!n.collapsed) return null;
+	let { startContainer: r, startOffset: i } = n;
+	return (r.nodeType === Node.TEXT_NODE ? [i === 0 ? r.previousSibling : null, i === (r.textContent?.length ?? 0) ? r.nextSibling : null] : [r.childNodes[i - 1] ?? null, r.childNodes[i] ?? null]).find((e) => e instanceof HTMLImageElement) ?? null;
+}
+function Oe(e, t) {
+	let n = document, r = n.caretRangeFromPoint?.(e, t) ?? null;
+	if (!r) {
+		let i = n.caretPositionFromPoint?.(e, t);
+		i && (r = document.createRange(), r.setStart(i.offsetNode, i.offset));
+	}
+	if (!r) return;
+	r.collapse(!0);
+	let i = window.getSelection();
+	i?.removeAllRanges(), i?.addRange(r);
+}
+var Q = p(function({ value: e, onValueChange: r, placeholder: a, compact: o = !1, bodyHeight: c, minHeight: l, maxHeight: u, disabled: d = !1, showCounts: p = !1, maxLength: ne, extraToolbarItems: y, toolbarTrailing: ie, footerSlot: S, hideSourceToggle: le = !1, autoFocus: C = !1, className: me, onCaretChange: he, strings: w, images: E }, k) {
+	let A = t(te, w), j = _(null), M = _(null), [N, F] = v(null), [be, I] = v(""), [L, R] = v(!1), [z, B] = v(!1), [V, H] = v(""), U = _(D(e)), W = _(he);
+	W.current = he;
+	let G = m((e) => {
+		j.current = e, e && e.innerHTML === "" && (e.innerHTML = O(U.current));
+	}, []);
+	h(() => {
+		let t = j.current;
+		if (!t || L) return;
+		let n = O(e);
+		D(X(t)) !== D(n) && (t.innerHTML = n), U.current = D(e);
+	}, [L, e]), h(() => {
+		C && j.current?.focus();
+	}, [C]);
+	let K = m(() => {
+		let e = j.current, t = D(X(e));
+		U.current = t, r(t), W.current?.();
+	}, [r]), q = _(null);
+	q.current = {
+		insertPlaceholder: (e) => {
+			let t = j.current;
+			if (!t) return;
+			let n = M.current;
+			if (n && t.contains(n.commonAncestorContainer) && !t.contains(document.activeElement)) {
+				t.focus();
+				let e = window.getSelection();
+				e?.removeAllRanges(), e?.addRange(n);
+			}
+			ve(t, `<span ${P}="${e}" contenteditable="false" class="${ye}"></span>`);
+		},
+		findPlaceholder: (e) => j.current?.querySelector(`[data-rte-upload="${e}"]`) ?? null,
+		resolvePlaceholder: (e, t) => {
+			let n = j.current?.querySelector(`[${P}="${e}"]`);
+			if (!n) return;
+			let r = document.createElement("img");
+			r.setAttribute("src", t.src), r.setAttribute("alt", t.alt ?? ""), t.width && r.setAttribute("width", String(t.width)), t.height && r.setAttribute("height", String(t.height)), n.replaceWith(r), K();
+		},
+		removePlaceholder: (e) => {
+			j.current?.querySelector(`[${P}="${e}"]`)?.remove(), K();
+		}
+	};
+	let J = Se(E, q, A.images), Y = we(E, A.images, J.addFiles, () => {
+		let e = window.getSelection(), t = e && e.rangeCount > 0 ? e.getRangeAt(0) : null;
+		M.current = t && j.current?.contains(t.commonAncestorContainer) ? t.cloneRange() : null;
+	}), Ee = g(() => Y.item ? [Y.item, ...y ?? []] : y, [y, Y.item]), Q = m(() => {
+		let e = j.current;
+		if (!E || !e) return;
+		let t = window.getSelection();
+		if (t && t.rangeCount > 0 && !e.contains(t.getRangeAt(0).commonAncestorContainer)) return;
+		let n = De(e);
+		F(n), I(n?.getAttribute("alt") ?? "");
+	}, [E]);
+	h(() => {
+		if (E && typeof document < "u") return document.addEventListener("selectionchange", Q), () => document.removeEventListener("selectionchange", Q);
+	}, [E, Q]);
+	let $ = m(() => {
+		let e = j.current;
+		E && e && (Z(e), J.prune(), N && !N.isConnected && F(null)), K();
+	}, [
+		N,
+		K,
+		E,
+		J
+	]);
+	re(k, () => ({
+		focus: () => j.current?.focus(),
+		getHTML: () => D(X(j.current)),
+		setHTML: (e) => {
+			let t = D(e);
+			U.current = t, j.current && (j.current.innerHTML = O(t)), r(t);
+		},
+		insertHTML: (e) => {
+			ve(j.current, e), K();
+		},
+		isEmpty: () => D(X(j.current)) === "",
+		clear: () => {
+			U.current = "", j.current && (j.current.innerHTML = "<p></p>"), r("");
+		},
+		getCaretContext: () => ge(),
+		replaceBeforeCaret: (e, t) => {
+			_e(null, e, t, () => K());
+		}
+	}), [K, r]);
+	let ke = f.bodyMinHeight[c ?? (o ? "control" : "document")], Ae = g(() => ({
+		...l ? { minHeight: l } : {},
+		...u ? {
+			maxHeight: u,
+			overflowY: "auto"
+		} : {}
+	}), [u, l]), je = m(() => {
+		if (z) {
+			let e = D(V);
+			U.current = e, j.current && (j.current.innerHTML = O(e)), r(e), B(!1);
+			return;
+		}
+		H(j.current?.innerHTML ?? O(e)), B(!0);
+	}, [
+		r,
+		z,
+		V,
+		e
+	]), Me = m((e) => {
+		let t = e.target.value;
+		H(t);
+		let n = D(t);
+		U.current = n, r(n);
+	}, [r]), Ne = typeof a == "string" ? a : "", Pe = D(U.current) === "" && J.uploads.length === 0, Fe = Ne.length > 0 && !L && Pe ? /* @__PURE__ */ b(i, {
+		tag: "span",
+		size: "sm",
+		type: "secondary",
+		className: "pointer-events-none absolute inset-0 px-control py-control-y-offset",
+		children: Ne
+	}) : null, Ie = g(() => [
+		{
+			id: "bold",
+			toggle: !0,
+			icon: ae,
+			label: A.toolbar.bold,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "italic",
+			toggle: !0,
+			icon: oe,
+			label: A.toolbar.italic,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "strike",
+			toggle: !0,
+			icon: fe,
+			label: A.toolbar.strike,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "bullet-list",
+			toggle: !0,
+			icon: se,
+			label: A.toolbar.bulletList,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "ordered-list",
+			toggle: !0,
+			icon: ce,
+			label: A.toolbar.orderedList,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "blockquote",
+			toggle: !0,
+			icon: ue,
+			label: A.toolbar.blockquote,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "undo",
+			icon: pe,
+			label: A.toolbar.undo,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "redo",
+			icon: de,
+			label: A.toolbar.redo,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		}
+	], [A]), Le = z ? V.replace(/<[^>]*>/g, "") : j.current?.innerText ?? D(e).replace(/<[^>]*>/g, ""), Re = p ? /* @__PURE__ */ b(T, {
+		text: Le,
+		maxLength: ne,
+		strings: A
+	}) : null;
+	return /* @__PURE__ */ x("div", {
+		className: n(f.frame, d && f.disabled, me),
+		children: [
+			/* @__PURE__ */ b(ee, {
+				buttons: Ie,
+				extraToolbarItems: Ee,
+				hideSourceToggle: le,
+				sourceMode: z,
+				toggleSourceMode: je,
+				disabled: d,
+				hasEditor: !0,
+				toolbarTrailing: ie,
+				strings: A
+			}),
+			z ? /* @__PURE__ */ b("textarea", {
+				"aria-label": A.sourceLabel,
+				value: V,
+				onChange: Me,
+				disabled: d,
+				spellCheck: !1,
+				className: n(f.source, ke, d && "cursor-not-allowed"),
+				style: Ae
+			}) : /* @__PURE__ */ x("div", {
+				className: n("relative", ke),
+				style: Ae,
+				children: [Fe, /* @__PURE__ */ b("div", {
+					ref: G,
+					role: "textbox",
+					"aria-label": A.editorLabel,
+					"aria-multiline": "true",
+					contentEditable: !d,
+					suppressContentEditableWarning: !0,
+					onInput: $,
+					onKeyUp: () => W.current?.(),
+					onMouseUp: () => W.current?.(),
+					onClick: E ? (e) => {
+						if (!(e.target instanceof HTMLImageElement)) return;
+						let t = document.createRange();
+						t.selectNode(e.target);
+						let n = window.getSelection();
+						n?.removeAllRanges(), n?.addRange(t);
+					} : void 0,
+					onPaste: E ? (e) => {
+						let t = xe(e.clipboardData);
+						t.length !== 0 && (e.preventDefault(), J.addFiles(t));
+					} : void 0,
+					onDragOver: E ? (e) => {
+						Array.from(e.dataTransfer.types).includes("Files") && e.preventDefault();
+					} : void 0,
+					onDrop: E ? (e) => {
+						let t = xe(e.dataTransfer);
+						t.length !== 0 && (e.preventDefault(), j.current?.focus(), Oe(e.clientX, e.clientY), J.addFiles(t));
+					} : void 0,
+					onFocus: () => R(!0),
+					onBlur: () => R(!1),
+					className: n(s, "h-full min-h-full", d && "cursor-not-allowed")
+				})]
+			}),
+			!!E && /* @__PURE__ */ b(Te, {
+				alt: N ? be : null,
+				onAltChange: (e) => {
+					I(e), N?.setAttribute("alt", e), K();
+				},
+				onRemove: () => {
+					N?.remove(), F(null), K(), j.current?.focus();
+				},
+				notice: J.notice,
+				onDismissNotice: J.dismissNotice,
+				strings: A.images
+			}),
+			!!S && /* @__PURE__ */ b("div", {
+				className: "px-control pb-space-md pt-space-xs",
+				children: S
+			}),
+			Re,
+			Y.input,
+			/* @__PURE__ */ b(Ce, {
+				queue: J,
+				adapterRef: q,
+				strings: A.images
+			})
+		]
+	});
+});
+Q.displayName = "FallbackRichTextEditor";
+//#endregion
+//#region src/components/features/rich-text-editor/rich-text-editor.tsx
+var $ = p(function(e, t) {
+	return Ee ? /* @__PURE__ */ b(Y, {
+		...e,
+		ref: t
+	}) : /* @__PURE__ */ b(Q, {
+		className: "rich-text-editor--component",
+		...e,
+		ref: t
+	});
+});
+$.displayName = "RichTextEditor";
+//#endregion
+export { T as n, $ as t };
+
+//# sourceMappingURL=rich-text-editor-cRLC-eBK.js.map