themelia-react-ui 2.0.6 → 3.0.0

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

@@ -1,1273 +0,0 @@
-"use client";
-import { interpolateString as e, useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-DhuoqFy4.js";
-import { n as r } from "./buttons-DeW0bQeK.js";
-import { c as i } from "./typography-C7-YMW1S.js";
-import { t as a } from "./structure-DZJ2wbAU.js";
-import { r as o, t as s } from "./sanitize-html-BWkH4dLM.js";
-import { g as c } from "./primitives-BkkQjYl7.js";
-import { t as l } from "./number-CYqBcrSj.js";
-import { t as u } from "./input-7KAc7XQL.js";
-import { t as d } from "./form-field-CAPdwdnZ.js";
-import { n as ee } from "./field-control-attributes-B6i335wr.js";
-import { n as f, t as te } from "./rich-text-editor-toolbar-DbXig7Jk.js";
-import { t as ne } from "./rich-text-editor.strings-CB59ekH2.js";
-import { forwardRef as p, useCallback as m, useEffect as h, useId as re, useImperativeHandle as ie, useLayoutEffect as ae, 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 S, Bold as oe, ImagePlus as C, Italic as se, List as ce, ListOrdered as le, Loader2 as ue, Quote as de, Redo2 as fe, Strikethrough as pe, Undo2 as me } from "lucide-react";
-import { createPortal as he } from "react-dom";
-import * as w from "@tiptap/react";
-import * as T from "@tiptap/starter-kit";
-//#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: 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();
-		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 = ye(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 ye(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 be({ 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-surface-xs 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
-			]
-		})]
-	});
-}
-be.displayName = "CountsFooterText";
-function xe({ editor: e, sourceMode: t, sourceValue: n, maxLength: r, strings: i }) {
-	let a = t ? n.replace(/<[^>]*>/g, "") : e?.getText() ?? "";
-	return /* @__PURE__ */ b(be, {
-		text: a,
-		maxLength: r,
-		strings: i
-	});
-}
-xe.displayName = "CountsFooter";
-//#endregion
-//#region src/components/features/rich-text-editor/partials/editor-field-aria.ts
-function Se(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 E(e) {
-	let t = e.trim();
-	return t === "" || t === "<p></p>" || t === "<p><br></p>" ? "" : t;
-}
-function D(e) {
-	let t = E(e);
-	return t === "" ? "<p></p>" : t;
-}
-//#endregion
-//#region src/components/features/rich-text-editor/partials/inline-reference-node.ts
-var Ce = "rsc-mention inline-reference--chip", we = "inlineReference";
-function Te(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 !== we) return !1;
-		let o = e === "backward" ? i.pos - a.nodeSize : i.pos;
-		return t.delete(o, o + a.nodeSize), !0;
-	});
-}
-var Ee = null;
-function De() {
-	return Ee ??= w.Node.create({
-		name: we,
-		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",
-				w.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 = Ce, 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: Te("backward"),
-				Delete: Te("forward")
-			};
-		}
-	}), Ee;
-}
-var O = "data-rte-upload", Oe = "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", k = RegExp(`<span[^>]*\\b${O}="[^"]*"[^>]*>[\\s\\S]*?</span>`, "g");
-function ke(e) {
-	return e.includes("data-rte-upload") ? e.replace(k, "") : e;
-}
-function A(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 Ae(e) {
-	return e.replace(/\.[^.]+$/, "").replace(/[-_]+/g, " ").trim();
-}
-function je(e) {
-	return Array.from(e?.files ?? []).filter((e) => e.type.startsWith("image/"));
-}
-var j = 0;
-function Me(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 ?? Ae(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 = A(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;
-				}
-				j += 1;
-				let c = `upload-${j}`;
-				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 M({ 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(S, {
-				className: "size-icon shrink-0 text-destructive",
-				"aria-hidden": "true"
-			}) : /* @__PURE__ */ b(ue, {
-				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 Ne({ 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(M, {
-			upload: r,
-			strings: n,
-			onRetry: () => e.retry(r.id),
-			onRemove: () => e.remove(r.id)
-		}), i, r.id) : null;
-	}) });
-}
-function Pe(e, t, n, r) {
-	let i = _(null), a = _(r);
-	a.current = r;
-	let o = !!e;
-	return {
-		item: g(() => o ? {
-			id: "insert-image",
-			icon: C,
-			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 Fe({ alt: e, onAltChange: t, onRemove: n, notice: o, onDismissNotice: s, strings: c }) {
-	let l = re();
-	return e === null && !o ? null : /* @__PURE__ */ x(a, {
-		gap: "sm",
-		className: "rich-text-editor--image-details border-t border-border/60 px-surface-xs 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 N(e) {
-	let t = Number(e);
-	return Number.isFinite(t) && t > 0 ? t : null;
-}
-var Ie = null, P = null;
-function Le() {
-	return Ie ??= w.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) => N(e.getAttribute("width"))
-				},
-				height: {
-					default: null,
-					parseHTML: (e) => N(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", w.mergeAttributes(e, { src: t ?? null })];
-		}
-	}), Ie;
-}
-function Re() {
-	return P ??= w.Node.create({
-		name: "imageUpload",
-		group: "inline",
-		inline: !0,
-		atom: !0,
-		selectable: !1,
-		addAttributes() {
-			return { id: { default: null } };
-		},
-		parseHTML() {
-			return [];
-		},
-		renderHTML({ node: e }) {
-			return ["span", { [O]: e.attrs.id }];
-		},
-		addNodeView() {
-			return ({ node: e }) => {
-				let t = document.createElement("span");
-				return t.setAttribute(O, String(e.attrs.id)), t.setAttribute("contenteditable", "false"), t.className = Oe, {
-					dom: t,
-					ignoreMutation: () => !0,
-					stopEvent: () => !0
-				};
-			};
-		}
-	}), P;
-}
-//#endregion
-//#region src/components/features/rich-text-editor/partials/rich-text-editor-tiptap.tsx
-function F(e) {
-	return E(ke(e?.getHTML() ?? ""));
-}
-var ze = w.EditorContent, Be = w.useEditor, I = w.useEditorState, Ve = "default" in T ? T.default : T, L = p(function({ value: e, onValueChange: r, placeholder: a, compact: o = !1, bodyHeight: s, minHeight: c, maxHeight: l, disabled: u = !1, invalid: d, id: p, onBlur: re, "aria-label": y, "aria-labelledby": S, "aria-describedby": C, "aria-invalid": ue, showCounts: he = !1, maxLength: w, extraToolbarItems: T, toolbarTrailing: ve, footerSlot: ye, hideSourceToggle: be = !1, autoFocus: Ce = !1, className: we, onCaretChange: Te, onEditorKeyDown: Ee, suggestionPopup: O, strings: Oe, images: k }, ke) {
-	let A = t(ne, Oe), { ariaInvalid: Ae } = ee(d, ue), j = !!k, M = _(null), N = _(null), [Ie, P] = v(!1), [L, R] = v(!1), z = _(null), [B, He] = v(""), Ue = _(!1), V = _(E(e)), H = _(Te);
-	H.current = Te;
-	let U = u ? void 0 : Ee, We = _(U);
-	ae(() => {
-		We.current = U;
-	}, [U]);
-	let W = O?.listboxId, Ge = O?.activeOptionId, G = y ?? A.editorLabel, K = g(() => {
-		let e = {
-			"data-slot": "editor-field",
-			class: f.editable
-		}, t = {
-			...Se(G, W, Ge),
-			id: p,
-			"aria-labelledby": S,
-			"aria-describedby": C,
-			"aria-invalid": Ae
-		};
-		for (let [n, r] of Object.entries(t)) r !== void 0 && (e[n] = String(r));
-		return e;
-	}, [
-		Ge,
-		C,
-		Ae,
-		S,
-		G,
-		p,
-		W
-	]), q = Be({
-		extensions: g(() => [
-			Ve,
-			De(),
-			...j ? [Le(), Re()] : []
-		], [j]),
-		content: D(e),
-		editable: !u,
-		immediatelyRender: !1,
-		autofocus: Ce ? "end" : !1,
-		onFocus: () => {
-			Ue.current = !0, P(!0);
-		},
-		onBlur: () => {
-			Ue.current = !1, P(!1);
-		},
-		onUpdate: ({ editor: e }) => {
-			M.current?.prune();
-			let t = F(e);
-			t !== V.current && (V.current = t, r(t)), Ue.current && H.current?.();
-		},
-		editorProps: {
-			handleKeyDown: (e, t) => We.current?.(t) ? (t.preventDefault(), t.stopPropagation(), !0) : !1,
-			handlePaste: (e, t) => {
-				let n = je(t.clipboardData);
-				return !M.current || !J.current || n.length === 0 ? !1 : (M.current.addFiles(n), !0);
-			},
-			handleDrop: (e, t, n, r) => {
-				let i = je(t.dataTransfer);
-				if (r || !M.current || !J.current || i.length === 0) return !1;
-				let a = e.posAtCoords({
-					left: t.clientX,
-					top: t.clientY
-				});
-				return a && N.current?.commands.setTextSelection(a.pos), M.current.addFiles(i), !0;
-			},
-			attributes: K
-		}
-	}, [j]);
-	ae(() => {
-		q && q.options.editorProps.attributes !== K && q.setOptions({ editorProps: {
-			...q.options.editorProps,
-			attributes: K
-		} });
-	}, [q, K]), h(() => {
-		if (!q) return;
-		let t = F(q), n = E(e);
-		V.current = n, t !== n && q.chain().setMeta("addToHistory", !1).setContent(D(n), { emitUpdate: !1 }).run();
-	}, [q, e]), h(() => {
-		q && L && He(q.getHTML());
-	}, [
-		q,
-		L,
-		e
-	]), h(() => {
-		q && q.setEditable(!u, !1);
-	}, [u, q]), h(() => {
-		if (typeof document > "u") return;
-		let e = () => {
-			Ue.current && H.current?.();
-		};
-		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
-	}, []), ie(ke, () => ({
-		focus: () => {
-			z.current ? z.current.focus() : q?.chain().focus().run();
-		},
-		getHTML: () => F(q),
-		setHTML: (e) => {
-			let t = E(e);
-			V.current = t, q?.commands.setContent(D(t), { emitUpdate: !1 }), r(t);
-		},
-		insertHTML: (e) => {
-			q && q.chain().focus().insertContent(e).run();
-		},
-		isEmpty: () => F(q) === "",
-		clear: () => {
-			V.current = "", q?.commands.setContent("<p></p>", { emitUpdate: !1 }), r("");
-		},
-		getCaretContext: () => ge(),
-		replaceBeforeCaret: (e, t) => {
-			q && _e(q, e, t);
-		}
-	}), [q, r]), N.current = q ?? null;
-	let J = _(k);
-	J.current = k;
-	let Y = m(() => {
-		if (!q) return;
-		let e = F(q);
-		e !== V.current && (V.current = e, r(e));
-	}, [q, r]), Ke = m((e) => {
-		let t = null;
-		return q?.state.doc.descendants((n, r) => (!t && e(n) && (t = {
-			pos: r,
-			node: n
-		}), !t)), t;
-	}, [q]), qe = _(null);
-	qe.current = q ? {
-		insertPlaceholder: (e) => {
-			q.chain().focus().insertContent({
-				type: "imageUpload",
-				attrs: { id: e }
-			}).run();
-		},
-		findPlaceholder: (e) => q.view.dom.querySelector(`[data-rte-upload="${e}"]`),
-		resolvePlaceholder: (e, t) => {
-			let n = Ke((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.replaceWith(n.pos, n.pos + n.node.nodeSize, r)), Y();
-		},
-		removePlaceholder: (e) => {
-			let t = Ke((t) => t.type.name === "imageUpload" && t.attrs.id === e);
-			t && (q.view.dispatch(q.state.tr.delete(t.pos, t.pos + t.node.nodeSize)), Y());
-		}
-	} : null;
-	let X = Me(k, qe, A.images);
-	M.current = j ? X : null;
-	let Z = Pe(k, A.images, X.addFiles), Je = g(() => Z.item ? [Z.item, ...T ?? []] : T, [T, Z.item]), [Q, Ye] = v(null);
-	h(() => {
-		if (!q || !j) 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 ?? "")
-				});
-			}
-			Ye(t);
-		};
-		return q.on("selectionUpdate", e), q.on("update", e), () => {
-			q.off("selectionUpdate", e), q.off("update", e);
-		};
-	}, [q, j]);
-	let Xe = f.bodyMinHeight[s ?? (o ? "control" : "document")], Ze = g(() => ({
-		...c ? { minHeight: c } : {},
-		...l ? {
-			maxHeight: l,
-			overflowY: "auto"
-		} : {}
-	}), [l, c]), Qe = m(() => {
-		q && (L ? (B !== q.getHTML() && (q.commands.setContent(D(B), { emitUpdate: !1 }), Y()), R(!1)) : (He(q.getHTML()), R(!0)));
-	}, [
-		q,
-		Y,
-		L,
-		B
-	]), $ = I({
-		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: Je?.map((e) => e.isActive?.() ?? !1)
-		})
-	}), $e = g(() => [
-		{
-			id: "bold",
-			icon: oe,
-			label: A.toolbar.bold,
-			isActive: () => $?.bold ?? !1,
-			toggle: !0,
-			run: () => q?.chain().focus().toggleBold().run()
-		},
-		{
-			id: "italic",
-			icon: se,
-			label: A.toolbar.italic,
-			isActive: () => $?.italic ?? !1,
-			toggle: !0,
-			run: () => q?.chain().focus().toggleItalic().run()
-		},
-		{
-			id: "strike",
-			icon: pe,
-			label: A.toolbar.strike,
-			isActive: () => $?.strike ?? !1,
-			toggle: !0,
-			run: () => q?.chain().focus().toggleStrike().run()
-		},
-		{
-			id: "bullet-list",
-			icon: ce,
-			label: A.toolbar.bulletList,
-			isActive: () => $?.bulletList ?? !1,
-			toggle: !0,
-			run: () => q?.chain().focus().toggleBulletList().run()
-		},
-		{
-			id: "ordered-list",
-			icon: le,
-			label: A.toolbar.orderedList,
-			isActive: () => $?.orderedList ?? !1,
-			toggle: !0,
-			run: () => q?.chain().focus().toggleOrderedList().run()
-		},
-		{
-			id: "blockquote",
-			icon: de,
-			label: A.toolbar.blockquote,
-			isActive: () => $?.blockquote ?? !1,
-			toggle: !0,
-			run: () => q?.chain().focus().toggleBlockquote().run()
-		},
-		{
-			id: "undo",
-			icon: me,
-			label: A.toolbar.undo,
-			isActive: () => !1,
-			run: () => q?.chain().focus().undo().run(),
-			disabled: !$?.canUndo
-		},
-		{
-			id: "redo",
-			icon: fe,
-			label: A.toolbar.redo,
-			isActive: () => !1,
-			run: () => q?.chain().focus().redo().run(),
-			disabled: !$?.canRedo
-		}
-	], [
-		q,
-		A,
-		$
-	]), et = he && q ? /* @__PURE__ */ b(xe, {
-		editor: q,
-		sourceMode: L,
-		sourceValue: B,
-		maxLength: w,
-		strings: A
-	}) : null, tt = typeof a == "string" ? a : "", nt = tt.length > 0 && !Ie && q?.isEmpty ? /* @__PURE__ */ b(i, {
-		tag: "span",
-		size: "sm",
-		type: "secondary",
-		className: f.placeholder,
-		children: tt
-	}) : null;
-	return /* @__PURE__ */ x("div", {
-		onBlur: re && ((e) => {
-			e.currentTarget.contains(e.relatedTarget) || re(e);
-		}),
-		className: n(f.frame, u && f.disabled, we),
-		children: [
-			/* @__PURE__ */ b(te, {
-				buttons: $e,
-				extraToolbarItems: Je,
-				extraToolbarActive: $?.extraActive,
-				hideSourceToggle: be,
-				sourceMode: L,
-				toggleSourceMode: Qe,
-				disabled: u,
-				hasEditor: !!q,
-				toolbarTrailing: ve,
-				strings: A
-			}),
-			L ? /* @__PURE__ */ b("textarea", {
-				ref: z,
-				id: p,
-				"data-slot": "editor-field",
-				"aria-label": y ?? A.sourceLabel,
-				"aria-labelledby": S,
-				"aria-describedby": C,
-				"aria-invalid": Ae,
-				value: B,
-				onChange: (e) => He(e.target.value),
-				disabled: u,
-				spellCheck: !1,
-				className: n(f.source, Xe, u && "cursor-not-allowed"),
-				style: Ze
-			}) : /* @__PURE__ */ x("div", {
-				className: n("relative", Xe),
-				style: Ze,
-				children: [nt, /* @__PURE__ */ b(ze, {
-					editor: q,
-					className: f.content
-				})]
-			}),
-			j && /* @__PURE__ */ b(Fe, {
-				alt: Q ? Q.alt : null,
-				onAltChange: (e) => {
-					q && Q && q.state.doc.nodeAt(Q.pos)?.type.name === "image" && (q.view.dispatch(q.state.tr.setNodeAttribute(Q.pos, "alt", e)), Ye({
-						...Q,
-						alt: e
-					}), Y());
-				},
-				onRemove: () => {
-					if (!q || !Q) return;
-					let e = q.state.doc.nodeAt(Q.pos);
-					e?.type.name === "image" && (q.view.dispatch(q.state.tr.delete(Q.pos, Q.pos + e.nodeSize)), Ye(null), Y(), q.commands.focus());
-				},
-				notice: X.notice,
-				onDismissNotice: X.dismissNotice,
-				strings: A.images
-			}),
-			!!ye && /* @__PURE__ */ b("div", {
-				className: n(f.regionX, "pb-space-md pt-space-xs"),
-				children: ye
-			}),
-			et,
-			Z.input,
-			j && /* @__PURE__ */ b(Ne, {
-				queue: X,
-				adapterRef: qe,
-				strings: A.images
-			})
-		]
-	});
-});
-L.displayName = "TiptapRichTextEditor";
-var R = ((e) => typeof e == "function" || typeof e == "object" && !!e && "$$typeof" in e)(ze) && typeof Be == "function" && typeof I == "function" && typeof Ve == "object" && !!Ve;
-//#endregion
-//#region src/components/features/rich-text-editor/partials/rich-text-editor-fallback.tsx
-function z(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(`[${O}]`))) e.remove();
-	return t.innerHTML;
-}
-function B(e) {
-	for (let t of Array.from(e.querySelectorAll("img"))) o(t.getAttribute("src")) || t.remove();
-}
-function He(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 Ue(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 V = p(function({ value: e, onValueChange: r, placeholder: a, compact: o = !1, bodyHeight: c, minHeight: l, maxHeight: u, disabled: d = !1, invalid: p, id: re, onBlur: ae, "aria-label": y, "aria-labelledby": S, "aria-describedby": C, "aria-invalid": ue, showCounts: he = !1, maxLength: w, extraToolbarItems: T, toolbarTrailing: ye, footerSlot: xe, hideSourceToggle: Ce = !1, autoFocus: we = !1, className: Te, onCaretChange: Ee, onEditorKeyDown: De, suggestionPopup: k, strings: ke, images: A }, Ae) {
-	let j = t(ne, ke), { ariaInvalid: M } = ee(p, ue), N = _(null), Ie = _(null), [P, Le] = v(null), [Re, F] = v(""), [ze, Be] = v(!1), [I, Ve] = v(!1), L = _(null), [R, V] = v(""), H = _(E(e)), U = _(Ee);
-	U.current = Ee;
-	let We = m((e) => {
-		N.current = e, e && e.innerHTML === "" && (e.innerHTML = D(H.current));
-	}, []);
-	h(() => {
-		let t = N.current;
-		if (!t || ze) return;
-		let n = D(e);
-		E(z(t)) !== E(n) && (t.innerHTML = n), H.current = E(e);
-	}, [ze, e]), h(() => {
-		I && (H.current = E(e), V(D(e)));
-	}, [I, e]), h(() => {
-		we && N.current?.focus();
-	}, [we]);
-	let W = m(() => {
-		let e = N.current, t = E(z(e));
-		H.current = t, r(t), U.current?.();
-	}, [r]), Ge = _(null);
-	Ge.current = {
-		insertPlaceholder: (e) => {
-			let t = N.current;
-			if (!t) return;
-			let n = Ie.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 ${O}="${e}" contenteditable="false" class="${Oe}"></span>`);
-		},
-		findPlaceholder: (e) => N.current?.querySelector(`[data-rte-upload="${e}"]`) ?? null,
-		resolvePlaceholder: (e, t) => {
-			let n = N.current?.querySelector(`[${O}="${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), W();
-		},
-		removePlaceholder: (e) => {
-			N.current?.querySelector(`[${O}="${e}"]`)?.remove(), W();
-		}
-	};
-	let G = Me(A, Ge, j.images), K = Pe(A, j.images, G.addFiles, () => {
-		let e = window.getSelection(), t = e && e.rangeCount > 0 ? e.getRangeAt(0) : null;
-		Ie.current = t && N.current?.contains(t.commonAncestorContainer) ? t.cloneRange() : null;
-	}), q = g(() => K.item ? [K.item, ...T ?? []] : T, [T, K.item]), J = m(() => {
-		let e = N.current;
-		if (!A || !e) return;
-		let t = window.getSelection();
-		if (t && t.rangeCount > 0 && !e.contains(t.getRangeAt(0).commonAncestorContainer)) return;
-		let n = He(e);
-		Le(n), F(n?.getAttribute("alt") ?? "");
-	}, [A]);
-	h(() => {
-		if (A && typeof document < "u") return document.addEventListener("selectionchange", J), () => document.removeEventListener("selectionchange", J);
-	}, [A, J]);
-	let Y = m(() => {
-		let e = N.current;
-		A && e && (B(e), G.prune(), P && !P.isConnected && Le(null)), W();
-	}, [
-		P,
-		W,
-		A,
-		G
-	]);
-	ie(Ae, () => ({
-		focus: () => (L.current ?? N.current)?.focus(),
-		getHTML: () => E(z(N.current)),
-		setHTML: (e) => {
-			let t = E(e);
-			H.current = t, N.current && (N.current.innerHTML = D(t)), r(t);
-		},
-		insertHTML: (e) => {
-			ve(N.current, e), W();
-		},
-		isEmpty: () => E(z(N.current)) === "",
-		clear: () => {
-			H.current = "", N.current && (N.current.innerHTML = "<p></p>"), r("");
-		},
-		getCaretContext: () => ge(),
-		replaceBeforeCaret: (e, t) => {
-			_e(null, e, t, () => W());
-		}
-	}), [W, r]);
-	let Ke = f.bodyMinHeight[c ?? (o ? "control" : "document")], qe = g(() => ({
-		...l ? { minHeight: l } : {},
-		...u ? {
-			maxHeight: u,
-			overflowY: "auto"
-		} : {}
-	}), [u, l]), X = m(() => {
-		if (I) {
-			let e = document.createElement("template");
-			e.innerHTML = s(R, { images: !!A });
-			let t = E(e.innerHTML);
-			t !== H.current && (H.current = t, r(t)), Ve(!1);
-			return;
-		}
-		V(N.current?.innerHTML ?? D(e)), Ve(!0);
-	}, [
-		A,
-		r,
-		I,
-		R,
-		e
-	]), Z = typeof a == "string" ? a : "", Je = E(H.current) === "" && G.uploads.length === 0, Q = Z.length > 0 && !ze && Je ? /* @__PURE__ */ b(i, {
-		tag: "span",
-		size: "sm",
-		type: "secondary",
-		className: f.placeholder,
-		children: Z
-	}) : null, Ye = g(() => [
-		{
-			id: "bold",
-			toggle: !0,
-			icon: oe,
-			label: j.toolbar.bold,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "italic",
-			toggle: !0,
-			icon: se,
-			label: j.toolbar.italic,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "strike",
-			toggle: !0,
-			icon: pe,
-			label: j.toolbar.strike,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "bullet-list",
-			toggle: !0,
-			icon: ce,
-			label: j.toolbar.bulletList,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "ordered-list",
-			toggle: !0,
-			icon: le,
-			label: j.toolbar.orderedList,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "blockquote",
-			toggle: !0,
-			icon: de,
-			label: j.toolbar.blockquote,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "undo",
-			icon: me,
-			label: j.toolbar.undo,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		},
-		{
-			id: "redo",
-			icon: fe,
-			label: j.toolbar.redo,
-			isActive: () => !1,
-			run: () => void 0,
-			disabled: !0
-		}
-	], [j]), Xe = I ? R.replace(/<[^>]*>/g, "") : N.current?.innerText ?? E(e).replace(/<[^>]*>/g, ""), Ze = he ? /* @__PURE__ */ b(be, {
-		text: Xe,
-		maxLength: w,
-		strings: j
-	}) : null;
-	return /* @__PURE__ */ x("div", {
-		onBlur: ae && ((e) => {
-			e.currentTarget.contains(e.relatedTarget) || ae(e);
-		}),
-		className: n(f.frame, d && f.disabled, Te),
-		children: [
-			/* @__PURE__ */ b(te, {
-				buttons: Ye,
-				extraToolbarItems: q,
-				hideSourceToggle: Ce,
-				sourceMode: I,
-				toggleSourceMode: X,
-				disabled: d,
-				hasEditor: !0,
-				toolbarTrailing: ye,
-				strings: j
-			}),
-			I ? /* @__PURE__ */ b("textarea", {
-				ref: L,
-				id: re,
-				"data-slot": "editor-field",
-				"aria-label": y ?? j.sourceLabel,
-				"aria-labelledby": S,
-				"aria-describedby": C,
-				"aria-invalid": M,
-				value: R,
-				onChange: (e) => V(e.target.value),
-				disabled: d,
-				spellCheck: !1,
-				className: n(f.source, Ke, d && "cursor-not-allowed"),
-				style: qe
-			}) : /* @__PURE__ */ x("div", {
-				className: n("relative", Ke),
-				style: qe,
-				children: [Q, /* @__PURE__ */ b("div", {
-					ref: We,
-					id: re,
-					"data-slot": "editor-field",
-					...Se(y ?? j.editorLabel, k?.listboxId, k?.activeOptionId),
-					"aria-labelledby": S,
-					"aria-describedby": C,
-					"aria-invalid": M,
-					contentEditable: !d,
-					suppressContentEditableWarning: !0,
-					onInput: Y,
-					onKeyDown: De && !d ? (e) => {
-						De(e.nativeEvent) && (e.preventDefault(), e.stopPropagation());
-					} : void 0,
-					onKeyUp: () => U.current?.(),
-					onMouseUp: () => U.current?.(),
-					onClick: A ? (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: A ? (e) => {
-						let t = je(e.clipboardData);
-						t.length !== 0 && (e.preventDefault(), G.addFiles(t));
-					} : void 0,
-					onDragOver: A ? (e) => {
-						Array.from(e.dataTransfer.types).includes("Files") && e.preventDefault();
-					} : void 0,
-					onDrop: A ? (e) => {
-						let t = je(e.dataTransfer);
-						t.length !== 0 && (e.preventDefault(), N.current?.focus(), Ue(e.clientX, e.clientY), G.addFiles(t));
-					} : void 0,
-					onFocus: () => Be(!0),
-					onBlur: () => Be(!1),
-					className: n(f.editable, "h-full min-h-full", d && "cursor-not-allowed")
-				})]
-			}),
-			!!A && /* @__PURE__ */ b(Fe, {
-				alt: P ? Re : null,
-				onAltChange: (e) => {
-					F(e), P?.setAttribute("alt", e), W();
-				},
-				onRemove: () => {
-					P?.remove(), Le(null), W(), N.current?.focus();
-				},
-				notice: G.notice,
-				onDismissNotice: G.dismissNotice,
-				strings: j.images
-			}),
-			!!xe && /* @__PURE__ */ b("div", {
-				className: n(f.regionX, "pb-space-md pt-space-xs"),
-				children: xe
-			}),
-			Ze,
-			K.input,
-			/* @__PURE__ */ b(Ne, {
-				queue: G,
-				adapterRef: Ge,
-				strings: j.images
-			})
-		]
-	});
-});
-V.displayName = "FallbackRichTextEditor";
-//#endregion
-//#region src/components/features/rich-text-editor/rich-text-editor.tsx
-var H = p(function({ name: e, ...t }, r) {
-	return /* @__PURE__ */ x(y, { children: [R ? /* @__PURE__ */ b(L, {
-		...t,
-		ref: r
-	}) : /* @__PURE__ */ b(V, {
-		...t,
-		ref: r,
-		className: n("rich-text-editor--component", t.className)
-	}), e && /* @__PURE__ */ b("input", {
-		type: "hidden",
-		name: e,
-		value: t.value,
-		disabled: t.disabled
-	})] });
-});
-H.displayName = "RichTextEditor";
-//#endregion
-export { be as n, H as t };
-
-//# sourceMappingURL=rich-text-editor-CAurDwT5.js.map