themelia-react-ui 2.0.5 → 3.0.0

package/dist/rich-text-editor-Z6cQepsA.js

@@ -0,0 +1,919 @@
+"use client";
+import { interpolateString as e, useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-BVbAG2J6.js";
+import { c as r } from "./typography-C0dELqYV.js";
+import { n as i } from "./buttons-pZVgPTZn.js";
+import { t as a } from "./structure-DElaQwwN.js";
+import { o } from "./surface-recipes-DV6rrOFq.js";
+import { n as s } from "./safe-image-src-C6kQSMBZ.js";
+import { g as c } from "./primitives-BlC1lXBr.js";
+import { t as l } from "./number-NFWKIoiK.js";
+import { t as u } from "./input-DfJyrjoR.js";
+import { t as d } from "./form-field-BdfCwSoQ.js";
+import { n as f } from "./field-control-attributes-B6i335wr.js";
+import { n as p, t as ee } from "./rich-text-editor-toolbar-DYbRJARB.js";
+import { t as te } from "./rich-text-editor.strings-CB59ekH2.js";
+import { forwardRef as m, useCallback as h, useEffect as g, useId as ne, useImperativeHandle as re, useLayoutEffect as ie, useMemo as _, useRef as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { AlertCircle as C, Bold as ae, ImagePlus as w, 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 { createPortal as me } from "react-dom";
+import * as T from "@tiptap/react";
+import * as E from "@tiptap/starter-kit";
+//#region src/components/features/rich-text-editor/partials/caret-helpers.ts
+function he() {
+	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 ge(e, t, n) {
+	let { selection: r } = e.state;
+	if (!r.empty) return;
+	let i = r.from - Math.min(t, r.$from.parentOffset);
+	e.chain().focus().insertContentAt({
+		from: i,
+		to: r.from
+	}, n).run();
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/counts-footer.tsx
+function D({ text: e, maxLength: t, strings: i, className: a }) {
+	let s = e.length, u = e.trim().length > 0 ? e.trim().split(/\s+/).length : 0, d = typeof t == "number" && s > t;
+	return /* @__PURE__ */ S("div", {
+		className: n("counts-footer-text--component flex items-center justify-end gap-space-lg px-surface-xs py-space-sm", o.footer, a),
+		children: [/* @__PURE__ */ S(r, {
+			tag: "span",
+			size: "xs",
+			type: d ? "error" : "secondary",
+			weight: d ? "medium" : "regular",
+			className: n("tabular-nums"),
+			children: [
+				/* @__PURE__ */ x(l, {
+					value: s,
+					size: "xs",
+					type: d ? "error" : "secondary",
+					align: "left"
+				}),
+				typeof t == "number" && /* @__PURE__ */ S(b, { children: [" / ", /* @__PURE__ */ x(l, {
+					value: t,
+					size: "xs",
+					type: d ? "error" : "secondary",
+					align: "left"
+				})] }),
+				" ",
+				i.counts.characters
+			]
+		}), /* @__PURE__ */ S(c, {
+			size: "xs",
+			className: "tabular-nums",
+			children: [
+				/* @__PURE__ */ x(l, {
+					value: u,
+					size: "xs",
+					type: "secondary",
+					align: "left"
+				}),
+				" ",
+				i.counts.words
+			]
+		})]
+	});
+}
+D.displayName = "CountsFooterText";
+function _e({ editor: e, sourceMode: t, sourceValue: n, maxLength: r, strings: i }) {
+	let a = t ? n.replace(/<[^>]*>/g, "") : e?.getText() ?? "";
+	return /* @__PURE__ */ x(D, {
+		text: a,
+		maxLength: r,
+		strings: i
+	});
+}
+_e.displayName = "CountsFooter";
+//#endregion
+//#region src/components/features/rich-text-editor/partials/editor-field-aria.ts
+function ve(e, t, n) {
+	return t ? {
+		role: "combobox",
+		"aria-label": e,
+		"aria-expanded": "true",
+		"aria-haspopup": "listbox",
+		"aria-autocomplete": "list",
+		"aria-controls": t,
+		...n ? { "aria-activedescendant": n } : {}
+	} : {
+		role: "textbox",
+		"aria-label": e,
+		"aria-multiline": "true"
+	};
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/html-helpers.ts
+function O(e) {
+	let t = e.trim();
+	return t === "" || t === "<p></p>" || t === "<p><br></p>" ? "" : t;
+}
+function k(e) {
+	let t = O(e);
+	return t === "" ? "<p></p>" : t;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/inline-reference-node.ts
+var ye = "rsc-mention inline-reference--chip", be = "inlineReference";
+function xe(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 !== be) return !1;
+		let o = e === "backward" ? i.pos - a.nodeSize : i.pos;
+		return t.delete(o, o + a.nodeSize), !0;
+	});
+}
+var Se = null;
+function Ce() {
+	return Se ??= T.Node.create({
+		name: be,
+		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",
+				T.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 = ye, 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: xe("backward"),
+				Delete: xe("forward")
+			};
+		}
+	}), Se;
+}
+var A = "data-rte-upload", we = "rich-text-editor--upload my-space-xs flex min-h-control items-center rounded-radius border border-dashed border-input bg-muted/30 px-row-x py-row-y", Te = RegExp(`<span[^>]*\\b${A}="[^"]*"[^>]*>[\\s\\S]*?</span>`, "g");
+function Ee(e) {
+	return e.includes("data-rte-upload") ? e.replace(Te, "") : e;
+}
+function j(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 De(e) {
+	return e.replace(/\.[^.]+$/, "").replace(/[-_]+/g, " ").trim();
+}
+function Oe(e) {
+	return Array.from(e?.files ?? []).filter((e) => e.type.startsWith("image/"));
+}
+var M = 0;
+function ke(t, n, r) {
+	let [i, a] = y([]), [o, c] = y(null), l = v(/* @__PURE__ */ new Map());
+	g(() => () => {
+		for (let e of l.current.values()) e.controller?.abort();
+	}, []);
+	let u = h((e) => {
+		l.current.get(e)?.controller?.abort(), l.current.delete(e), a((t) => t.filter((t) => t.id !== e));
+	}, []), d = h(async (e) => {
+		let r = l.current.get(e);
+		if (!r || !t) return;
+		r.controller?.abort();
+		let i = new AbortController();
+		r.controller = i;
+		let o = {
+			id: e,
+			name: r.file.name,
+			status: "uploading"
+		};
+		a((t) => t.some((t) => t.id === e) ? t.map((t) => t.id === e ? o : t) : [...t, o]);
+		try {
+			let a = await t.upload(r.file, { signal: i.signal });
+			if (i.signal.aborted) return;
+			let o = s(a?.src);
+			if (!o) 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: o,
+				alt: a.alt ?? De(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: o,
+		dismissNotice: () => c(null),
+		addFiles: h((i) => {
+			if (!t) return;
+			let a = t.accept ?? "image/png,image/jpeg,image/gif,image/webp", o = [];
+			for (let s of i) {
+				let i = j(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;
+				}
+				M += 1;
+				let c = `upload-${M}`;
+				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: h((e) => {
+			d(e);
+		}, [d]),
+		remove: h((e) => {
+			u(e), n.current?.removePlaceholder(e);
+		}, [n, u]),
+		prune: h(() => {
+			for (let e of Array.from(l.current.keys())) n.current?.findPlaceholder(e) || u(e);
+		}, [n, u])
+	};
+}
+function N({ upload: t, strings: n, onRetry: o, onRemove: s, disabled: c }) {
+	let l = t.status === "error";
+	return /* @__PURE__ */ S(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: [
+			l ? /* @__PURE__ */ x(C, {
+				className: "size-icon shrink-0 text-destructive",
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ x(le, {
+				className: "size-icon shrink-0 animate-spin text-muted-foreground motion-reduce:animate-none",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ x(r, {
+				tag: "span",
+				size: "xs",
+				type: l ? "error" : "secondary",
+				role: l ? "alert" : "status",
+				className: "min-w-0 flex-1 basis-40 break-words",
+				children: e(l ? n.failed : n.uploading, { name: t.name })
+			}),
+			l && /* @__PURE__ */ x(i, {
+				type: "button",
+				size: "sm",
+				disabled: c,
+				onClick: o,
+				children: n.retry
+			}),
+			/* @__PURE__ */ x(i, {
+				type: "button",
+				size: "sm",
+				buttonStyle: "ghost",
+				disabled: c,
+				onClick: s,
+				children: l ? n.remove : n.cancel
+			})
+		]
+	});
+}
+function Ae({ queue: e, adapterRef: t, strings: n, disabled: r = !1 }) {
+	return /* @__PURE__ */ x(b, { children: e.uploads.map((i) => {
+		let a = t.current?.findPlaceholder(i.id);
+		return a ? me(/* @__PURE__ */ x(N, {
+			upload: i,
+			strings: n,
+			disabled: r,
+			onRetry: () => e.retry(i.id),
+			onRemove: () => e.remove(i.id)
+		}), a, i.id) : null;
+	}) });
+}
+function je(e, t, n, r) {
+	let i = v(null), a = v(r);
+	a.current = r;
+	let o = !!e;
+	return {
+		item: _(() => o ? {
+			id: "insert-image",
+			icon: w,
+			label: t.insert,
+			toggle: !1,
+			onClick: () => {
+				a.current?.(), i.current?.click();
+			}
+		} : null, [o, t.insert]),
+		input: e ? /* @__PURE__ */ x("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 Me({ alt: e, onAltChange: t, onRemove: s, notice: c, onDismissNotice: l, strings: f, disabled: p = !1 }) {
+	let ee = ne();
+	return e === null && !c ? null : /* @__PURE__ */ S(a, {
+		gap: "sm",
+		className: n("rich-text-editor--image-details px-surface-xs py-space-sm", o.footer),
+		children: [!!c && /* @__PURE__ */ S(a, {
+			direction: "horizontal",
+			align: "center",
+			gap: "sm",
+			children: [/* @__PURE__ */ x(r, {
+				tag: "span",
+				size: "xs",
+				type: "error",
+				role: "alert",
+				className: "min-w-0 flex-1",
+				children: c
+			}), /* @__PURE__ */ x(i, {
+				type: "button",
+				size: "sm",
+				buttonStyle: "ghost",
+				onClick: l,
+				children: f.remove
+			})]
+		}), e !== null && /* @__PURE__ */ x(d, {
+			label: f.descriptionLabel,
+			hint: f.descriptionHint,
+			htmlFor: ee,
+			children: /* @__PURE__ */ x(b, { children: /* @__PURE__ */ S(a, {
+				direction: "horizontal",
+				align: "center",
+				gap: "sm",
+				wrap: !1,
+				children: [/* @__PURE__ */ x(u, {
+					id: ee,
+					value: e,
+					disabled: p,
+					className: "min-w-0 flex-1",
+					onChange: (e) => t(e.target.value)
+				}), /* @__PURE__ */ x(i, {
+					type: "button",
+					buttonStyle: "outline",
+					disabled: p,
+					onClick: s,
+					children: f.removeImage
+				})]
+			}) })
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/image-nodes.ts
+function P(e) {
+	let t = Number(e);
+	return Number.isFinite(t) && t > 0 ? t : null;
+}
+var F = null, I = null;
+function Ne() {
+	return F ??= T.Node.create({
+		name: "image",
+		group: "inline",
+		inline: !0,
+		atom: !0,
+		selectable: !0,
+		draggable: !0,
+		addAttributes() {
+			return {
+				src: {
+					default: null,
+					parseHTML: (e) => s(e.getAttribute("src")) ?? null
+				},
+				alt: {
+					default: "",
+					parseHTML: (e) => e.getAttribute("alt") ?? ""
+				},
+				title: { default: null },
+				width: {
+					default: null,
+					parseHTML: (e) => P(e.getAttribute("width"))
+				},
+				height: {
+					default: null,
+					parseHTML: (e) => P(e.getAttribute("height"))
+				}
+			};
+		},
+		parseHTML() {
+			return [{
+				tag: "img[src]",
+				getAttrs: (e) => s(e.getAttribute("src")) ? null : !1
+			}];
+		},
+		renderHTML({ HTMLAttributes: e }) {
+			let t = s(e.src);
+			return ["img", T.mergeAttributes(e, { src: t ?? null })];
+		}
+	}), F;
+}
+function Pe() {
+	return I ??= T.Node.create({
+		name: "imageUpload",
+		group: "inline",
+		inline: !0,
+		atom: !0,
+		selectable: !1,
+		addAttributes() {
+			return { id: { default: null } };
+		},
+		parseHTML() {
+			return [];
+		},
+		renderHTML({ node: e }) {
+			return ["span", { [A]: e.attrs.id }];
+		},
+		addNodeView() {
+			return ({ node: e }) => {
+				let t = document.createElement("span");
+				return t.setAttribute(A, String(e.attrs.id)), t.setAttribute("contenteditable", "false"), t.className = we, {
+					dom: t,
+					ignoreMutation: () => !0,
+					stopEvent: () => !0
+				};
+			};
+		}
+	}), I;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/rich-text-editor-tiptap.tsx
+function L(e) {
+	return O(Ee(e?.getHTML() ?? ""));
+}
+var Fe = T.EditorContent, Ie = T.useEditor, Le = T.useEditorState, Re = "default" in E ? E.default : E, ze = m(function({ value: e, onValueChange: i, placeholder: a, compact: o = !1, bodyHeight: s, minHeight: c, maxHeight: l, disabled: u = !1, invalid: d, id: m, onBlur: ne, "aria-label": b, "aria-labelledby": C, "aria-describedby": w, "aria-invalid": le, showCounts: me = !1, maxLength: T, extraToolbarItems: E, toolbarTrailing: D, footerSlot: ye, hideSourceToggle: be = !1, autoFocus: xe = !1, className: Se, onCaretChange: A, onEditorKeyDown: we, suggestionPopup: Te, strings: Ee, images: j }, De) {
+	let M = t(te, Ee), { ariaInvalid: N } = f(d, le), P = !!j, F = v(null), I = v(null), [ze, R] = y(!1), [z, Be] = y(!1), Ve = v(null), [B, He] = y(""), V = v(!1), H = v(O(e)), Ue = v(e);
+	ie(() => {
+		Ue.current = e;
+	}, [e]);
+	let U = v(!1), W = v([]), G = h((e) => {
+		H.current = e, W.current = [...W.current.slice(-31), e];
+		let t = U.current;
+		U.current = !0;
+		try {
+			i(e);
+		} finally {
+			U.current = t;
+		}
+	}, [i]), We = v(A);
+	We.current = A;
+	let Ge = u ? void 0 : we, Ke = v(Ge);
+	ie(() => {
+		Ke.current = Ge;
+	}, [Ge]);
+	let qe = Te?.listboxId, Je = Te?.activeOptionId, Ye = b ?? M.editorLabel, K = _(() => {
+		let e = {
+			"data-slot": "editor-field",
+			class: p.editable
+		}, t = {
+			...ve(Ye, qe, Je),
+			id: m,
+			"aria-labelledby": C,
+			"aria-describedby": w,
+			"aria-invalid": N
+		};
+		for (let [n, r] of Object.entries(t)) r !== void 0 && (e[n] = String(r));
+		return e;
+	}, [
+		Je,
+		w,
+		N,
+		C,
+		Ye,
+		m,
+		qe
+	]), q = Ie({
+		extensions: _(() => [
+			Re,
+			Ce(),
+			...P ? [Ne(), Pe()] : []
+		], [P]),
+		content: k(e),
+		editable: !u,
+		immediatelyRender: !1,
+		autofocus: xe ? "end" : !1,
+		onFocus: () => {
+			V.current = !0, R(!0);
+		},
+		onBlur: () => {
+			V.current = !1, R(!1);
+		},
+		onUpdate: ({ editor: e }) => {
+			F.current?.prune();
+			let t = L(e);
+			t !== H.current && G(t), V.current && We.current?.();
+		},
+		editorProps: {
+			handleKeyDown: (e, t) => Ke.current?.(t) ? (t.preventDefault(), t.stopPropagation(), !0) : !1,
+			handlePaste: (e, t) => {
+				let n = Oe(t.clipboardData);
+				return !F.current || !Xe.current || n.length === 0 ? !1 : (F.current.addFiles(n), !0);
+			},
+			handleDrop: (e, t, n, r) => {
+				let i = Oe(t.dataTransfer);
+				if (r || !F.current || !Xe.current || i.length === 0) return !1;
+				let a = e.posAtCoords({
+					left: t.clientX,
+					top: t.clientY
+				});
+				return a && I.current?.commands.setTextSelection(a.pos), F.current.addFiles(i), !0;
+			},
+			attributes: K
+		}
+	}, [P]);
+	ie(() => {
+		q && q.options.editorProps.attributes !== K && q.setOptions({ editorProps: {
+			...q.options.editorProps,
+			attributes: K
+		} });
+	}, [q, K]), g(() => {
+		if (!q) return;
+		let t = L(q), n = O(e), r = W.current, i = r.lastIndexOf(n);
+		if (i !== -1 && i < r.length - 1) {
+			W.current = r.slice(i + 1);
+			return;
+		}
+		W.current = [], H.current = n, t !== n && q.chain().setMeta("addToHistory", !1).setContent(k(n), { emitUpdate: !1 }).run();
+	}, [q, e]), g(() => {
+		q && z && He(q.getHTML());
+	}, [
+		q,
+		z,
+		e
+	]), g(() => {
+		q && q.setEditable(!u, !1);
+	}, [u, q]), g(() => {
+		if (typeof document > "u") return;
+		let e = () => {
+			V.current && We.current?.();
+		};
+		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
+	}, []), re(De, () => ({
+		focus: () => {
+			Ve.current ? Ve.current.focus() : q?.chain().focus().run();
+		},
+		getHTML: () => L(q),
+		setHTML: (e) => {
+			let t = O(e);
+			q?.commands.setContent(k(t), { emitUpdate: !1 }), U.current && t === O(Ue.current) ? (H.current = t, W.current = []) : G(t);
+		},
+		insertHTML: (e) => {
+			q && q.chain().focus().insertContent(e).run();
+		},
+		isEmpty: () => L(q) === "",
+		clear: () => {
+			q?.commands.setContent("<p></p>", { emitUpdate: !1 }), G("");
+		},
+		getCaretContext: () => he(),
+		replaceBeforeCaret: (e, t) => {
+			q && ge(q, e, t);
+		}
+	}), [q, G]), I.current = q ?? null;
+	let Xe = v(j);
+	Xe.current = j;
+	let J = h(() => {
+		if (!q) return;
+		let e = L(q);
+		e !== H.current && G(e);
+	}, [q, G]), Ze = h((e) => {
+		let t = null;
+		return q?.state.doc.descendants((n, r) => (!t && e(n) && (t = {
+			pos: r,
+			node: n
+		}), !t)), t;
+	}, [q]), Qe = v(null);
+	Qe.current = q ? {
+		insertPlaceholder: (e) => {
+			q.chain().focus().setMeta("addToHistory", !1).insertContent({
+				type: "imageUpload",
+				attrs: { id: e }
+			}).run();
+		},
+		findPlaceholder: (e) => q.view.dom.querySelector(`[data-rte-upload="${e}"]`),
+		resolvePlaceholder: (e, t) => {
+			let n = Ze((t) => t.type.name === "imageUpload" && t.attrs.id === e);
+			if (!n) return;
+			let r = q.schema.nodes.image.create({
+				src: t.src,
+				alt: t.alt ?? "",
+				width: t.width ?? null,
+				height: t.height ?? null
+			});
+			q.view.dispatch(q.state.tr.delete(n.pos, n.pos + n.node.nodeSize).setMeta("addToHistory", !1)), q.view.dispatch(q.state.tr.insert(n.pos, r)), J();
+		},
+		removePlaceholder: (e) => {
+			let t = Ze((t) => t.type.name === "imageUpload" && t.attrs.id === e);
+			t && (q.view.dispatch(q.state.tr.delete(t.pos, t.pos + t.node.nodeSize).setMeta("addToHistory", !1)), J());
+		}
+	} : null;
+	let Y = ke(j, Qe, M.images);
+	F.current = P ? Y : null;
+	let X = je(j, M.images, Y.addFiles), $e = _(() => X.item ? [X.item, ...E ?? []] : E, [E, X.item]), [Z, Q] = y(null);
+	g(() => {
+		if (!q || !P) return;
+		let e = () => {
+			let e = q.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 ?? "")
+				});
+			}
+			Q(t);
+		};
+		return q.on("selectionUpdate", e), q.on("update", e), () => {
+			q.off("selectionUpdate", e), q.off("update", e);
+		};
+	}, [q, P]);
+	let et = p.bodyMinHeight[s ?? (o ? "control" : "document")], tt = _(() => ({
+		...c ? { minHeight: c } : {},
+		...l ? {
+			maxHeight: l,
+			overflowY: "auto"
+		} : {}
+	}), [l, c]), nt = h(() => {
+		q && (z ? (B !== q.getHTML() && (q.commands.setContent(k(B), { emitUpdate: !1 }), J()), Be(!1)) : (He(q.getHTML()), Be(!0)));
+	}, [
+		q,
+		J,
+		z,
+		B
+	]), $ = Le({
+		editor: q,
+		selector: ({ editor: e }) => ({
+			bold: e?.isActive("bold") ?? !1,
+			italic: e?.isActive("italic") ?? !1,
+			strike: e?.isActive("strike") ?? !1,
+			bulletList: e?.isActive("bulletList") ?? !1,
+			orderedList: e?.isActive("orderedList") ?? !1,
+			blockquote: e?.isActive("blockquote") ?? !1,
+			canUndo: e?.can().undo() ?? !1,
+			canRedo: e?.can().redo() ?? !1,
+			extraActive: $e?.map((e) => e.isActive?.() ?? !1)
+		})
+	}), rt = _(() => [
+		{
+			id: "bold",
+			icon: ae,
+			label: M.toolbar.bold,
+			isActive: () => $?.bold ?? !1,
+			toggle: !0,
+			run: () => q?.chain().focus().toggleBold().run()
+		},
+		{
+			id: "italic",
+			icon: oe,
+			label: M.toolbar.italic,
+			isActive: () => $?.italic ?? !1,
+			toggle: !0,
+			run: () => q?.chain().focus().toggleItalic().run()
+		},
+		{
+			id: "strike",
+			icon: fe,
+			label: M.toolbar.strike,
+			isActive: () => $?.strike ?? !1,
+			toggle: !0,
+			run: () => q?.chain().focus().toggleStrike().run()
+		},
+		{
+			id: "bullet-list",
+			icon: se,
+			label: M.toolbar.bulletList,
+			isActive: () => $?.bulletList ?? !1,
+			toggle: !0,
+			run: () => q?.chain().focus().toggleBulletList().run()
+		},
+		{
+			id: "ordered-list",
+			icon: ce,
+			label: M.toolbar.orderedList,
+			isActive: () => $?.orderedList ?? !1,
+			toggle: !0,
+			run: () => q?.chain().focus().toggleOrderedList().run()
+		},
+		{
+			id: "blockquote",
+			icon: ue,
+			label: M.toolbar.blockquote,
+			isActive: () => $?.blockquote ?? !1,
+			toggle: !0,
+			run: () => q?.chain().focus().toggleBlockquote().run()
+		},
+		{
+			id: "undo",
+			icon: pe,
+			label: M.toolbar.undo,
+			isActive: () => !1,
+			run: () => q?.chain().focus().undo().run(),
+			disabled: !$?.canUndo
+		},
+		{
+			id: "redo",
+			icon: de,
+			label: M.toolbar.redo,
+			isActive: () => !1,
+			run: () => q?.chain().focus().redo().run(),
+			disabled: !$?.canRedo
+		}
+	], [
+		q,
+		M,
+		$
+	]), it = me && q ? /* @__PURE__ */ x(_e, {
+		editor: q,
+		sourceMode: z,
+		sourceValue: B,
+		maxLength: T,
+		strings: M
+	}) : null, at = typeof a == "string" ? a : "", ot = at.length > 0 && !ze && q?.isEmpty ? /* @__PURE__ */ x(r, {
+		tag: "span",
+		size: "sm",
+		type: "secondary",
+		className: p.placeholder,
+		children: at
+	}) : null;
+	return /* @__PURE__ */ S("div", {
+		onBlur: ne && ((e) => {
+			e.currentTarget.contains(e.relatedTarget) || ne(e);
+		}),
+		className: n(p.frame, u && p.disabled, Se),
+		children: [
+			/* @__PURE__ */ x(ee, {
+				buttons: rt,
+				extraToolbarItems: $e,
+				extraToolbarActive: $?.extraActive,
+				hideSourceToggle: be,
+				sourceMode: z,
+				toggleSourceMode: nt,
+				disabled: u,
+				hasEditor: !!q,
+				toolbarTrailing: D,
+				strings: M
+			}),
+			z ? /* @__PURE__ */ x("textarea", {
+				ref: Ve,
+				id: m,
+				"data-slot": "editor-field",
+				"aria-label": b ?? M.sourceLabel,
+				"aria-labelledby": C,
+				"aria-describedby": w,
+				"aria-invalid": N,
+				value: B,
+				onChange: (e) => He(e.target.value),
+				disabled: u,
+				spellCheck: !1,
+				className: n(p.source, et, u && "cursor-not-allowed"),
+				style: tt
+			}) : /* @__PURE__ */ S("div", {
+				className: n("relative", et),
+				style: tt,
+				children: [ot, /* @__PURE__ */ x(Fe, {
+					editor: q,
+					className: p.content
+				})]
+			}),
+			P && /* @__PURE__ */ x(Me, {
+				alt: Z ? Z.alt : null,
+				disabled: u,
+				onAltChange: (e) => {
+					!u && q && Z && q.state.doc.nodeAt(Z.pos)?.type.name === "image" && (q.view.dispatch(q.state.tr.setNodeAttribute(Z.pos, "alt", e)), Q({
+						...Z,
+						alt: e
+					}), J());
+				},
+				onRemove: () => {
+					if (u || !q || !Z) return;
+					let e = q.state.doc.nodeAt(Z.pos);
+					e?.type.name === "image" && (q.view.dispatch(q.state.tr.delete(Z.pos, Z.pos + e.nodeSize)), Q(null), J(), q.commands.focus());
+				},
+				notice: Y.notice,
+				onDismissNotice: Y.dismissNotice,
+				strings: M.images
+			}),
+			!!ye && /* @__PURE__ */ x("div", {
+				className: n(p.regionX, "pb-space-md pt-space-xs"),
+				children: ye
+			}),
+			it,
+			X.input,
+			P && /* @__PURE__ */ x(Ae, {
+				queue: Y,
+				adapterRef: Qe,
+				strings: M.images,
+				disabled: u
+			})
+		]
+	});
+});
+ze.displayName = "TiptapRichTextEditor";
+//#endregion
+//#region src/components/features/rich-text-editor/rich-text-editor.tsx
+var R = m(function({ name: e, ...t }, n) {
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(ze, {
+		...t,
+		ref: n
+	}), e && /* @__PURE__ */ x("input", {
+		type: "hidden",
+		name: e,
+		value: t.value,
+		disabled: t.disabled
+	})] });
+});
+R.displayName = "RichTextEditor";
+//#endregion
+export { D as n, R as t };
+
+//# sourceMappingURL=rich-text-editor-Z6cQepsA.js.map