wimui 0.51.2 → 0.52.2

package/dist/components/form/RichTextEditor/RichTextEditor.js

@@ -1,33 +1,34 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/bold.js";
-import n from "../../../icon/eraser.js";
-import r from "../../../icon/image.js";
-import i from "../../../icon/italic.js";
-import a from "../../../icon/link.js";
-import o from "../../../icon/list-ordered.js";
-import ee from "../../../icon/list.js";
-import te from "../../../icon/strikethrough.js";
-import ne from "../../../icon/underline.js";
-import re from "../../../icon/unlink.js";
+import { componentsNs as t } from "../../../i18n/generated/components.js";
+import n from "../../../icon/bold.js";
+import r from "../../../icon/eraser.js";
+import i from "../../../icon/image.js";
+import a from "../../../icon/italic.js";
+import o from "../../../icon/link.js";
+import ee from "../../../icon/list-ordered.js";
+import te from "../../../icon/list.js";
+import ne from "../../../icon/strikethrough.js";
+import re from "../../../icon/underline.js";
+import ie from "../../../icon/unlink.js";
 import { Icon as s } from "../../media/Icon/Icon.js";
 import { Button as c } from "../Button/Button.js";
-import { FieldTemplate as ie } from "../FieldTemplate/FieldTemplate.js";
+import { FieldTemplate as ae } from "../FieldTemplate/FieldTemplate.js";
 import { Input as l } from "../Input/Input.js";
-import { Dialog as ae, DialogClose as oe, DialogContent as se, DialogFooter as ce, DialogHeader as le, DialogTitle as ue } from "../../overlay/Dialog/Dialog.js";
-import { isSafeImageUrl as u, isSafeLinkUrl as de } from "./safeUrl.js";
+import { Dialog as oe, DialogClose as se, DialogContent as ce, DialogFooter as le, DialogHeader as ue, DialogTitle as de } from "../../overlay/Dialog/Dialog.js";
+import { isSafeImageUrl as u, isSafeLinkUrl as fe } from "./safeUrl.js";
 import { createMarkdownExtensions as d, markdownToHtml as f } from "./markdown.js";
 import p from "./rich-text-editor.module.js";
 import m from "react";
-import fe from "classnames";
-import { Fragment as pe, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { EditorContent as me, useEditor as he, useEditorState as ge } from "@tiptap/react";
-import { createDocument as _e } from "@tiptap/core";
+import pe from "classnames";
+import { Fragment as me, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { EditorContent as he, useEditor as ge, useEditorState as _e } from "@tiptap/react";
+import { createDocument as ve } from "@tiptap/core";
 import { StarterKit as _ } from "@tiptap/starter-kit";
 import { Placeholder as v } from "@tiptap/extensions";
-import { Image as ve } from "@tiptap/extension-image";
+import { Image as ye } from "@tiptap/extension-image";
 //#region src/components/form/RichTextEditor/RichTextEditor.tsx
-var ye = [
+var be = [
 	"bold",
 	"italic",
 	"underline",
@@ -44,12 +45,12 @@ var ye = [
 	"unlink",
 	"separator",
 	"removeFormat"
-], be = ve.extend({ parseHTML() {
+], xe = ye.extend({ parseHTML() {
 	return [{
 		tag: "img[src]",
 		getAttrs: (e) => u(e.getAttribute("src")) ? null : !1
 	}];
-} }), xe = (e, t, n) => [
+} }), Se = (e, t, n) => [
 	_.configure({
 		heading: { levels: [
 			1,
@@ -66,23 +67,23 @@ var ye = [
 			openOnClick: !1,
 			autolink: !1,
 			linkOnPaste: !1,
-			isAllowedUri: (e) => de(e),
+			isAllowedUri: (e) => fe(e),
 			HTMLAttributes: {
 				target: null,
 				rel: null
 			}
 		}
 	}),
-	be.configure({
+	xe.configure({
 		inline: !1,
 		allowBase64: !1
 	}),
 	v.configure({ placeholder: e }),
 	...t === "markdown" ? d(n) : []
-], Se = (e, t) => e.isEmpty ? "" : t === "markdown" ? e.getMarkdown() : e.getHTML(), Ce = (e, t, n) => n === "markdown" ? f(e, t) : t, we = m.memo(({ onClick: e, active: t, disabled: n, title: r, tabIndex: i, onFocus: a, buttonRef: o, children: ee }) => /* @__PURE__ */ h("button", {
+], Ce = (e, t) => e.isEmpty ? "" : t === "markdown" ? e.getMarkdown() : e.getHTML(), we = (e, t, n) => n === "markdown" ? f(e, t) : t, Te = m.memo(({ onClick: e, active: t, disabled: n, title: r, tabIndex: i, onFocus: a, buttonRef: o, children: ee }) => /* @__PURE__ */ h("button", {
 	ref: o,
 	type: "button",
-	className: fe(p.toolbarBtn, t && p.active),
+	className: pe(p.toolbarBtn, t && p.active),
 	onClick: e,
 	onFocus: a,
 	disabled: n,
@@ -92,53 +93,53 @@ var ye = [
 	tabIndex: i,
 	children: ee
 }));
-we.displayName = "ToolbarButton";
-var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled: ve, intent: be = "default", variant: y = "outline", fullWidth: b = !1, width: x, minHeight: S = 200, label: C, error: w, required: T, layout: Te, className: Ee, id: De, toolbar: E = ye, labels: Oe = {}, "aria-label": ke, "aria-labelledby": D, onImageUpload: O, format: Ae = "html" }) => {
-	let { t: k } = e("components"), { bold: je = k("a11y.rte_bold"), italic: Me = k("a11y.rte_italic"), underline: Ne = k("a11y.rte_underline"), strikethrough: Pe = k("a11y.rte_strikethrough"), h1: Fe = k("a11y.rte_h1"), h2: Ie = k("a11y.rte_h2"), h3: Le = k("a11y.rte_h3"), ul: Re = k("a11y.rte_ul"), ol: ze = k("a11y.rte_ol"), link: Be = k("a11y.rte_link"), unlink: Ve = k("a11y.rte_unlink"), removeFormat: He = k("a11y.rte_remove_format"), toolbar: Ue = k("a11y.rte_toolbar"), linkPrompt: We = k("a11y.rte_link_prompt"), linkApply: Ge = k("a11y.rte_link_apply"), linkCancel: Ke = k("a11y.rte_link_cancel"), linkInvalid: qe = k("a11y.rte_link_invalid"), image: Je = k("a11y.rte_image"), imageUrl: Ye = k("a11y.rte_image_url"), imageAlt: Xe = k("a11y.rte_image_alt"), imageAltHint: Ze = k("a11y.rte_image_alt_hint"), imageUpload: Qe = k("a11y.rte_image_upload"), imageUploadFailed: A = k("a11y.rte_image_upload_failed"), imageInvalid: $e = k("a11y.rte_image_invalid") } = Oe, et = m.useId(), j = De || `wim-rte-${et}`, M = w ? `${j}-error` : void 0, N = C ? `${j}-label` : void 0, P = !!ve, F = w ? "danger" : be, tt = typeof x == "string" && [
+Te.displayName = "ToolbarButton";
+var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled: ye, intent: xe = "default", variant: y = "outline", fullWidth: Ee = !1, width: b, minHeight: x = 200, label: S, error: C, required: w, layout: De, className: Oe, id: ke, toolbar: T = be, labels: Ae = {}, "aria-label": je, "aria-labelledby": E, onImageUpload: D, format: Me = "html" }) => {
+	let { t: O } = e(t), { bold: Ne = O("a11y.rte_bold"), italic: Pe = O("a11y.rte_italic"), underline: Fe = O("a11y.rte_underline"), strikethrough: Ie = O("a11y.rte_strikethrough"), h1: Le = O("a11y.rte_h1"), h2: Re = O("a11y.rte_h2"), h3: ze = O("a11y.rte_h3"), ul: Be = O("a11y.rte_ul"), ol: Ve = O("a11y.rte_ol"), link: He = O("a11y.rte_link"), unlink: Ue = O("a11y.rte_unlink"), removeFormat: We = O("a11y.rte_remove_format"), toolbar: Ge = O("a11y.rte_toolbar"), linkPrompt: Ke = O("a11y.rte_link_prompt"), linkApply: qe = O("a11y.rte_link_apply"), linkCancel: Je = O("a11y.rte_link_cancel"), linkInvalid: Ye = O("a11y.rte_link_invalid"), image: Xe = O("a11y.rte_image"), imageUrl: Ze = O("a11y.rte_image_url"), imageAlt: Qe = O("a11y.rte_image_alt"), imageAltHint: $e = O("a11y.rte_image_alt_hint"), imageUpload: et = O("a11y.rte_image_upload"), imageUploadFailed: k = O("a11y.rte_image_upload_failed"), imageInvalid: tt = O("a11y.rte_image_invalid") } = Ae, nt = m.useId(), A = ke || `wim-rte-${nt}`, j = C ? `${A}-error` : void 0, M = S ? `${A}-label` : void 0, N = !!ye, P = C ? "danger" : xe, rt = typeof b == "string" && [
 		"xs",
 		"sm",
 		"md",
 		"lg",
 		"xl"
-	].includes(x), nt = x !== void 0 && !tt && !b, I = tt && !b ? x : void 0, rt = I ? p[`width${I.charAt(0).toUpperCase()}${I.slice(1)}`] : void 0, L = m.useRef(d ?? f), it = m.useRef(_);
+	].includes(b), it = b !== void 0 && !rt && !Ee, F = rt && !Ee ? b : void 0, at = F ? p[`width${F.charAt(0).toUpperCase()}${F.slice(1)}`] : void 0, I = m.useRef(d ?? f), ot = m.useRef(_);
 	m.useEffect(() => {
-		it.current = _;
+		ot.current = _;
 	}, [_]);
-	let at = m.useMemo(() => {
+	let st = m.useMemo(() => {
 		let e = {
-			id: j,
+			id: A,
 			class: p.content,
 			role: "textbox",
 			"aria-multiline": "true",
-			style: `min-height: ${typeof S == "number" ? `${S}px` : S}`,
-			tabindex: P ? "-1" : "0"
-		}, t = ke ?? (C || D ? void 0 : k("a11y.rte_editor")), n = D ?? (C ? N : void 0);
-		return t && (e["aria-label"] = t), n && (e["aria-labelledby"] = n), F === "danger" && (e["aria-invalid"] = "true"), M && (e["aria-describedby"] = M), T && (e["aria-required"] = "true"), P && (e["aria-disabled"] = "true"), v && (e["aria-placeholder"] = v), e;
+			style: `min-height: ${typeof x == "number" ? `${x}px` : x}`,
+			tabindex: N ? "-1" : "0"
+		}, t = je ?? (S || E ? void 0 : O("a11y.rte_editor")), n = E ?? (S ? M : void 0);
+		return t && (e["aria-label"] = t), n && (e["aria-labelledby"] = n), P === "danger" && (e["aria-invalid"] = "true"), j && (e["aria-describedby"] = j), w && (e["aria-required"] = "true"), N && (e["aria-disabled"] = "true"), v && (e["aria-placeholder"] = v), e;
 	}, [
-		j,
-		S,
-		P,
-		ke,
-		C,
-		D,
+		A,
+		x,
 		N,
-		F,
+		je,
+		S,
+		E,
 		M,
-		T,
+		P,
+		j,
+		w,
 		v,
-		k
-	]), R = m.useRef(O);
+		O
+	]), L = m.useRef(D);
 	m.useEffect(() => {
-		R.current = O;
-	}, [O]);
-	let [ot, st] = m.useState(void 0), ct = m.useRef(A);
+		L.current = D;
+	}, [D]);
+	let [ct, lt] = m.useState(void 0), ut = m.useRef(k);
 	m.useEffect(() => {
-		ct.current = A;
-	}, [A]);
-	let z = m.useCallback(async (e, t, n) => {
-		let r = R.current;
+		ut.current = k;
+	}, [k]);
+	let R = m.useCallback(async (e, t, n) => {
+		let r = L.current;
 		if (r) {
-			st(void 0);
+			lt(void 0);
 			for (let i of t) try {
 				let t = await r(i);
 				if (!u(t)) throw Error("URL not allowed");
@@ -149,62 +150,62 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 					alt: ""
 				}).run();
 			} catch {
-				st(ct.current);
+				lt(ut.current);
 			}
 		}
-	}, []), lt = (e) => Array.from(e ?? []).filter((e) => e.type.startsWith("image/")), B = m.useRef({ ed: null }), ut = m.useCallback((e, t) => {
-		let n = lt(t.clipboardData?.files), r = B.current.ed;
-		return !R.current || n.length === 0 || !r ? !1 : (t.preventDefault(), z(r, n), !0);
-	}, [z]), dt = m.useCallback((e, t, n, r) => {
-		let i = lt(t.dataTransfer?.files), a = B.current.ed;
-		if (r || !R.current || i.length === 0 || !a) return !1;
+	}, []), dt = (e) => Array.from(e ?? []).filter((e) => e.type.startsWith("image/")), z = m.useRef({ ed: null }), ft = m.useCallback((e, t) => {
+		let n = dt(t.clipboardData?.files), r = z.current.ed;
+		return !L.current || n.length === 0 || !r ? !1 : (t.preventDefault(), R(r, n), !0);
+	}, [R]), pt = m.useCallback((e, t, n, r) => {
+		let i = dt(t.dataTransfer?.files), a = z.current.ed;
+		if (r || !L.current || i.length === 0 || !a) return !1;
 		t.preventDefault();
 		let o = e.posAtCoords({
 			left: t.clientX,
 			top: t.clientY
 		});
-		return z(a, i, o?.pos), !0;
-	}, [z]), V = m.useMemo(() => ({
-		attributes: at,
-		handlePaste: ut,
-		handleDrop: dt
+		return R(a, i, o?.pos), !0;
+	}, [R]), B = m.useMemo(() => ({
+		attributes: st,
+		handlePaste: ft,
+		handleDrop: pt
 	}), [
-		at,
-		ut,
-		dt
-	]), [H] = m.useState(Ae), ft = d ?? f, U = he({
-		extensions: xe(v ?? "", H, H === "markdown" ? ft : void 0),
-		content: H === "markdown" ? "" : ft,
-		editable: !P,
+		st,
+		ft,
+		pt
+	]), [V] = m.useState(Me), mt = d ?? f, H = ge({
+		extensions: Se(v ?? "", V, V === "markdown" ? mt : void 0),
+		content: V === "markdown" ? "" : mt,
+		editable: !N,
 		immediatelyRender: !1,
-		editorProps: V,
+		editorProps: B,
 		onUpdate: ({ editor: e }) => {
-			let t = Se(e, H);
-			t !== L.current && (L.current = t, it.current?.(t));
+			let t = Ce(e, V);
+			t !== I.current && (I.current = t, ot.current?.(t));
 		}
 	});
 	m.useEffect(() => {
-		U && !U.isDestroyed && U.setOptions({ editorProps: V });
-	}, [U, V]), m.useEffect(() => {
-		B.current.ed = U;
-	}, [U]), m.useEffect(() => {
-		U && !U.isDestroyed && U.setEditable(!P, !1);
-	}, [U, P]), m.useEffect(() => {
-		if (!U || U.isDestroyed) return;
-		let e = U.extensionManager.extensions.find((e) => e.name === "placeholder");
-		e && e.options.placeholder !== (v ?? "") && (e.options.placeholder = v ?? "", U.view.dispatch(U.state.tr));
-	}, [U, v]), m.useEffect(() => {
-		if (!U || U.isDestroyed || d === void 0 || d === L.current || d === Se(U, H)) return;
-		L.current = d;
-		let e = _e(Ce(U, d, H), U.schema);
-		e.eq(U.state.doc) || U.commands.setContent(e.toJSON(), { emitUpdate: !1 });
+		H && !H.isDestroyed && H.setOptions({ editorProps: B });
+	}, [H, B]), m.useEffect(() => {
+		z.current.ed = H;
+	}, [H]), m.useEffect(() => {
+		H && !H.isDestroyed && H.setEditable(!N, !1);
+	}, [H, N]), m.useEffect(() => {
+		if (!H || H.isDestroyed) return;
+		let e = H.extensionManager.extensions.find((e) => e.name === "placeholder");
+		e && e.options.placeholder !== (v ?? "") && (e.options.placeholder = v ?? "", H.view.dispatch(H.state.tr));
+	}, [H, v]), m.useEffect(() => {
+		if (!H || H.isDestroyed || d === void 0 || d === I.current || d === Ce(H, V)) return;
+		I.current = d;
+		let e = ve(we(H, d, V), H.schema);
+		e.eq(H.state.doc) || H.commands.setContent(e.toJSON(), { emitUpdate: !1 });
 	}, [
-		U,
+		H,
 		d,
-		H
+		V
 	]);
-	let pt = ge({
-		editor: U,
+	let ht = _e({
+		editor: H,
 		selector: ({ editor: e }) => ({
 			bold: !!e?.isActive("bold"),
 			italic: !!e?.isActive("italic"),
@@ -217,31 +218,31 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 			ol: !!e?.isActive("orderedList"),
 			image: !!e?.isActive("image")
 		})
-	}), W = m.useCallback((e) => {
-		!P && U && e(U);
-	}, [U, P]), mt = m.useCallback(() => {
-		W((e) => {
+	}), U = m.useCallback((e) => {
+		!N && H && e(H);
+	}, [H, N]), gt = m.useCallback(() => {
+		U((e) => {
 			let { from: t, to: n, empty: r } = e.state.selection, i = e.chain().focus();
 			r && i.selectAll(), i.unsetBold().unsetItalic().unsetStrike().clearNodes(), e.schema.marks.underline && i.unsetUnderline(), r && i.setTextSelection({
 				from: t,
 				to: n
 			}), i.run();
 		});
-	}, [W]), [ht, G] = m.useState(!1), [K, gt] = m.useState("https://"), [_t, q] = m.useState(void 0), vt = m.useCallback(() => {
-		if (P || !U) return;
-		let { from: e, to: t } = U.state.selection, n = U.state.doc.textBetween(e, t, " "), r = U.getAttributes("link").href;
-		gt(r ?? (n.startsWith("http") ? n : "https://")), q(void 0), G(!0);
-	}, [U, P]), yt = m.useCallback(() => {
-		let e = K.trim();
+	}, [U]), [_t, W] = m.useState(!1), [G, vt] = m.useState("https://"), [yt, K] = m.useState(void 0), bt = m.useCallback(() => {
+		if (N || !H) return;
+		let { from: e, to: t } = H.state.selection, n = H.state.doc.textBetween(e, t, " "), r = H.getAttributes("link").href;
+		vt(r ?? (n.startsWith("http") ? n : "https://")), K(void 0), W(!0);
+	}, [H, N]), xt = m.useCallback(() => {
+		let e = G.trim();
 		if (!e) {
-			G(!1);
+			W(!1);
 			return;
 		}
-		if (!de(e)) {
-			q(qe);
+		if (!fe(e)) {
+			K(Ye);
 			return;
 		}
-		G(!1), W((t) => {
+		W(!1), U((t) => {
 			t.state.selection.empty && !t.isActive("link") ? t.chain().focus().insertContent({
 				type: "text",
 				text: e,
@@ -252,194 +253,194 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 			}).run() : t.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
 		});
 	}, [
-		K,
-		qe,
-		W
-	]), [bt, J] = m.useState(!1), [Y, xt] = m.useState(""), [St, Ct] = m.useState(""), [wt, X] = m.useState(void 0), [Tt, Et] = m.useState(!1), Dt = m.useRef(null), Ot = `${j}-image-alt-hint`, kt = m.useCallback(() => {
-		if (P || !U) return;
-		let e = U.isActive("image") ? U.getAttributes("image") : {};
-		xt(e.src ?? ""), Ct(e.alt ?? ""), X(void 0), J(!0);
-	}, [U, P]), At = m.useCallback(() => {
-		let e = Y.trim();
+		G,
+		Ye,
+		U
+	]), [St, q] = m.useState(!1), [J, Y] = m.useState(""), [X, Ct] = m.useState(""), [wt, Z] = m.useState(void 0), [Tt, Et] = m.useState(!1), Dt = m.useRef(null), Ot = `${A}-image-alt-hint`, kt = m.useCallback(() => {
+		if (N || !H) return;
+		let e = H.isActive("image") ? H.getAttributes("image") : {};
+		Y(e.src ?? ""), Ct(e.alt ?? ""), Z(void 0), q(!0);
+	}, [H, N]), At = m.useCallback(() => {
+		let e = J.trim();
 		if (!e) {
-			J(!1);
+			q(!1);
 			return;
 		}
 		if (!u(e)) {
-			X($e);
+			Z(tt);
 			return;
 		}
-		J(!1), W((t) => t.chain().focus().setImage({
+		q(!1), U((t) => t.chain().focus().setImage({
 			src: e,
-			alt: St.trim()
+			alt: X.trim()
 		}).run());
 	}, [
-		Y,
-		St,
-		$e,
-		W
+		J,
+		X,
+		tt,
+		U
 	]), jt = m.useCallback(async (e) => {
 		let t = e.target.files?.[0];
-		if (e.target.value = "", t && O) {
-			Et(!0), X(void 0);
+		if (e.target.value = "", t && D) {
+			Et(!0), Z(void 0);
 			try {
-				let e = await O(t);
+				let e = await D(t);
 				if (!u(e)) throw Error("URL not allowed");
-				xt(e);
+				Y(e);
 			} catch {
-				X(A);
+				Z(k);
 			} finally {
 				Et(!1);
 			}
 		}
-	}, [O, A]), Mt = m.useRef([]), [Z, Nt] = m.useState(0), Q = m.useMemo(() => {
-		let e = H === "markdown" ? E.filter((e) => e !== "underline") : E;
+	}, [D, k]), Mt = m.useRef([]), [Q, Nt] = m.useState(0), $ = m.useMemo(() => {
+		let e = V === "markdown" ? T.filter((e) => e !== "underline") : T;
 		return e.filter((t, n) => t !== "separator" || n > 0 && n < e.length - 1 && e[n - 1] !== "separator");
-	}, [E, H]), $ = m.useMemo(() => Q.filter((e) => e !== "separator"), [Q]), Pt = m.useMemo(() => Q.map((e, t) => e === "separator" ? -1 : Q.slice(0, t).filter((e) => e !== "separator").length), [Q]), Ft = m.useCallback((e) => {
-		let t = $.length;
+	}, [T, V]), Pt = m.useMemo(() => $.filter((e) => e !== "separator"), [$]), Ft = m.useMemo(() => $.map((e, t) => e === "separator" ? -1 : $.slice(0, t).filter((e) => e !== "separator").length), [$]), It = m.useCallback((e) => {
+		let t = Pt.length;
 		if (t === 0) return;
 		let n;
-		e.key === "ArrowRight" ? n = (Z + 1) % t : e.key === "ArrowLeft" ? n = (Z - 1 + t) % t : e.key === "Home" ? n = 0 : e.key === "End" && (n = t - 1), n !== void 0 && (e.preventDefault(), Nt(n), Mt.current[n]?.focus());
-	}, [$.length, Z]), It = m.useCallback((e) => {
+		e.key === "ArrowRight" ? n = (Q + 1) % t : e.key === "ArrowLeft" ? n = (Q - 1 + t) % t : e.key === "Home" ? n = 0 : e.key === "End" && (n = t - 1), n !== void 0 && (e.preventDefault(), Nt(n), Mt.current[n]?.focus());
+	}, [Pt.length, Q]), Lt = m.useCallback((e) => {
 		e.preventDefault();
-	}, []), Lt = {
+	}, []), Rt = {
 		bold: {
-			title: je,
+			title: Ne,
 			icon: /* @__PURE__ */ h(s, {
-				component: t,
+				component: n,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleBold().run())
+			onClick: () => U((e) => e.chain().focus().toggleBold().run())
 		},
 		italic: {
-			title: Me,
+			title: Pe,
 			icon: /* @__PURE__ */ h(s, {
-				component: i,
+				component: a,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleItalic().run())
+			onClick: () => U((e) => e.chain().focus().toggleItalic().run())
 		},
 		underline: {
-			title: Ne,
+			title: Fe,
 			icon: /* @__PURE__ */ h(s, {
-				component: ne,
+				component: re,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleUnderline().run())
+			onClick: () => U((e) => e.chain().focus().toggleUnderline().run())
 		},
 		strikethrough: {
-			title: Pe,
+			title: Ie,
 			icon: /* @__PURE__ */ h(s, {
-				component: te,
+				component: ne,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleStrike().run())
+			onClick: () => U((e) => e.chain().focus().toggleStrike().run())
 		},
 		h1: {
-			title: Fe,
+			title: Le,
 			icon: /* @__PURE__ */ h("span", {
 				"aria-hidden": "true",
 				children: "H1"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleHeading({ level: 1 }).run())
+			onClick: () => U((e) => e.chain().focus().toggleHeading({ level: 1 }).run())
 		},
 		h2: {
-			title: Ie,
+			title: Re,
 			icon: /* @__PURE__ */ h("span", {
 				"aria-hidden": "true",
 				children: "H2"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleHeading({ level: 2 }).run())
+			onClick: () => U((e) => e.chain().focus().toggleHeading({ level: 2 }).run())
 		},
 		h3: {
-			title: Le,
+			title: ze,
 			icon: /* @__PURE__ */ h("span", {
 				"aria-hidden": "true",
 				children: "H3"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleHeading({ level: 3 }).run())
+			onClick: () => U((e) => e.chain().focus().toggleHeading({ level: 3 }).run())
 		},
 		ul: {
-			title: Re,
+			title: Be,
 			icon: /* @__PURE__ */ h(s, {
-				component: ee,
+				component: te,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleBulletList().run())
+			onClick: () => U((e) => e.chain().focus().toggleBulletList().run())
 		},
 		ol: {
-			title: ze,
+			title: Ve,
 			icon: /* @__PURE__ */ h(s, {
-				component: o,
+				component: ee,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().toggleOrderedList().run())
+			onClick: () => U((e) => e.chain().focus().toggleOrderedList().run())
 		},
 		link: {
-			title: Be,
+			title: He,
 			icon: /* @__PURE__ */ h(s, {
-				component: a,
+				component: o,
 				size: "sm"
 			}),
-			onClick: vt
+			onClick: bt
 		},
 		unlink: {
-			title: Ve,
+			title: Ue,
 			icon: /* @__PURE__ */ h(s, {
-				component: re,
+				component: ie,
 				size: "sm"
 			}),
-			onClick: () => W((e) => e.chain().focus().extendMarkRange("link").unsetLink().run())
+			onClick: () => U((e) => e.chain().focus().extendMarkRange("link").unsetLink().run())
 		},
 		image: {
-			title: Je,
+			title: Xe,
 			icon: /* @__PURE__ */ h(s, {
-				component: r,
+				component: i,
 				size: "sm"
 			}),
 			onClick: kt
 		},
 		removeFormat: {
-			title: He,
+			title: We,
 			icon: /* @__PURE__ */ h(s, {
-				component: n,
+				component: r,
 				size: "sm"
 			}),
-			onClick: mt
+			onClick: gt
 		}
 	};
-	return /* @__PURE__ */ h(ie, {
-		label: C,
-		error: w,
-		required: T,
-		layout: Te,
-		labelId: N,
-		errorId: M,
-		className: Ee,
+	return /* @__PURE__ */ h(ae, {
+		label: S,
+		error: C,
+		required: w,
+		layout: De,
+		labelId: M,
+		errorId: j,
+		className: Oe,
 		children: /* @__PURE__ */ g("div", {
-			className: fe("wim-rich-text-editor", p.root, p[F], P && p.disabled, p[y], b && p.fullWidth, nt && p.hasCustomWidth, rt),
-			style: nt ? { "--wim-input-width": typeof x == "number" ? `${x}px` : x } : void 0,
+			className: pe("wim-rich-text-editor", p.root, p[P], N && p.disabled, p[y], Ee && p.fullWidth, it && p.hasCustomWidth, at),
+			style: it ? { "--wim-input-width": typeof b == "number" ? `${b}px` : b } : void 0,
 			children: [
 				/* @__PURE__ */ h("div", {
 					className: p.toolbar,
 					role: "toolbar",
-					"aria-label": Ue,
-					"aria-controls": j,
-					onMouseDown: It,
-					onKeyDown: Ft,
-					children: Q.map((e, t) => {
+					"aria-label": Ge,
+					"aria-controls": A,
+					onMouseDown: Lt,
+					onKeyDown: It,
+					children: $.map((e, t) => {
 						if (e === "separator") return /* @__PURE__ */ h("span", {
 							className: p.toolbarSep,
 							"aria-hidden": "true"
 						}, `sep-${t}`);
-						let n = Pt[t], r = Lt[e], i = e === "link" || e === "unlink" || e === "removeFormat" ? void 0 : pt?.[e] ?? !1;
-						return /* @__PURE__ */ h(we, {
+						let n = Ft[t], r = Rt[e], i = e === "link" || e === "unlink" || e === "removeFormat" ? void 0 : ht?.[e] ?? !1;
+						return /* @__PURE__ */ h(Te, {
 							buttonRef: (e) => {
 								Mt.current[n] = e;
 							},
-							tabIndex: n === Math.min(Z, $.length - 1) ? 0 : -1,
+							tabIndex: n === Math.min(Q, Pt.length - 1) ? 0 : -1,
 							onFocus: () => Nt(n),
-							disabled: P,
+							disabled: N,
 							active: i,
 							title: r.title,
 							onClick: r.onClick,
@@ -447,65 +448,65 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 						}, `${e}-${t}`);
 					})
 				}),
-				/* @__PURE__ */ h(me, {
-					editor: U,
+				/* @__PURE__ */ h(he, {
+					editor: H,
 					className: p.contentHost
 				}),
-				ot && /* @__PURE__ */ h("p", {
+				ct && /* @__PURE__ */ h("p", {
 					role: "alert",
 					className: p.uploadError,
-					children: ot
+					children: ct
 				}),
-				/* @__PURE__ */ h(ae, {
-					open: ht,
-					onOpenChange: G,
-					children: /* @__PURE__ */ g(se, { children: [/* @__PURE__ */ h(le, { children: /* @__PURE__ */ h(ue, { children: Be }) }), /* @__PURE__ */ g("form", {
+				/* @__PURE__ */ h(oe, {
+					open: _t,
+					onOpenChange: W,
+					children: /* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h(ue, { children: /* @__PURE__ */ h(de, { children: He }) }), /* @__PURE__ */ g("form", {
 						onSubmit: (e) => {
-							e.preventDefault(), yt();
+							e.preventDefault(), xt();
 						},
 						children: [/* @__PURE__ */ h(l, {
-							label: We,
+							label: Ke,
 							type: "url",
-							value: K,
-							error: _t,
+							value: G,
+							error: yt,
 							onChange: (e) => {
-								gt(e.target.value), q(void 0);
+								vt(e.target.value), K(void 0);
 							},
 							fullWidth: !0
-						}), /* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h(oe, {
+						}), /* @__PURE__ */ g(le, { children: [/* @__PURE__ */ h(se, {
 							asChild: !0,
 							children: /* @__PURE__ */ h(c, {
 								variant: "ghost",
 								type: "button",
-								children: Ke
+								children: Je
 							})
 						}), /* @__PURE__ */ h(c, {
 							variant: "solid",
 							type: "submit",
-							children: Ge
+							children: qe
 						})] })]
 					})] })
 				}),
-				/* @__PURE__ */ h(ae, {
-					open: bt,
-					onOpenChange: J,
-					children: /* @__PURE__ */ g(se, { children: [/* @__PURE__ */ h(le, { children: /* @__PURE__ */ h(ue, { children: Je }) }), /* @__PURE__ */ g("form", {
+				/* @__PURE__ */ h(oe, {
+					open: St,
+					onOpenChange: q,
+					children: /* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h(ue, { children: /* @__PURE__ */ h(de, { children: Xe }) }), /* @__PURE__ */ g("form", {
 						className: p.imageForm,
 						onSubmit: (e) => {
 							e.preventDefault(), At();
 						},
 						children: [
 							/* @__PURE__ */ h(l, {
-								label: Ye,
+								label: Ze,
 								type: "url",
-								value: Y,
+								value: J,
 								error: wt,
 								onChange: (e) => {
-									xt(e.target.value), X(void 0);
+									Y(e.target.value), Z(void 0);
 								},
 								fullWidth: !0
 							}),
-							O && /* @__PURE__ */ g(pe, { children: [/* @__PURE__ */ h("input", {
+							D && /* @__PURE__ */ g(me, { children: [/* @__PURE__ */ h("input", {
 								ref: Dt,
 								type: "file",
 								accept: "image/*",
@@ -516,31 +517,31 @@ var y = ({ value: d, defaultValue: f = "", onChange: _, placeholder: v, disabled
 								variant: "outline",
 								loading: Tt,
 								onClick: () => Dt.current?.click(),
-								children: Qe
+								children: et
 							})] }),
 							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(l, {
-								label: Xe,
+								label: Qe,
 								"aria-describedby": Ot,
-								value: St,
+								value: X,
 								onChange: (e) => Ct(e.target.value),
 								fullWidth: !0
 							}), /* @__PURE__ */ h("p", {
 								id: Ot,
 								className: p.imageHint,
-								children: Ze
+								children: $e
 							})] }),
-							/* @__PURE__ */ g(ce, { children: [/* @__PURE__ */ h(oe, {
+							/* @__PURE__ */ g(le, { children: [/* @__PURE__ */ h(se, {
 								asChild: !0,
 								children: /* @__PURE__ */ h(c, {
 									variant: "ghost",
 									type: "button",
-									children: Ke
+									children: Je
 								})
 							}), /* @__PURE__ */ h(c, {
 								variant: "solid",
 								type: "submit",
 								disabled: Tt,
-								children: Ge
+								children: qe
 							})] })
 						]
 					})] })