@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/fields/rich-text-editor/index.mjs

@@ -13,7 +13,6 @@ import { ImagePopover } from "./image-popover.mjs";
 import { mergePresetFeatures } from "./presets.mjs";
 import { defaultFeatures } from "./types.mjs";
 import { getCharacterCount, getHeadingLevel, getOutput, isSameValue } from "./utils.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
@@ -21,143 +20,71 @@ import { EditorContent, useEditor } from "@tiptap/react";
 
 //#region src/client/components/fields/rich-text-editor/index.tsx
 function RichTextToolbarSkeleton() {
-	const $ = c(3);
-	let t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-1",
-			role: "presentation",
-			children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }), /* @__PURE__ */ jsx(Skeleton, { className: "size-8" })]
-		});
-		t1 = /* @__PURE__ */ jsx(Skeleton, { className: "h-8 min-w-[136px]" });
-		$[0] = t0;
-		$[1] = t1;
-	} else {
-		t0 = $[0];
-		t1 = $[1];
-	}
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "qp-rich-text-editor__toolbar border-border-subtle bg-surface-low flex flex-nowrap items-center gap-1.5 overflow-hidden border-b p-1.5",
-			"aria-hidden": "true",
-			children: [
-				t0,
-				t1,
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-1",
-					role: "presentation",
-					children: [
-						/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-						/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-						/* @__PURE__ */ jsx(Skeleton, { className: "size-8" })
-					]
-				}),
-				/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "size-8" })
-			]
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qp-rich-text-editor__toolbar border-border-subtle bg-surface-low flex flex-nowrap items-center gap-1.5 overflow-hidden border-b p-1.5",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				role: "presentation",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }), /* @__PURE__ */ jsx(Skeleton, { className: "size-8" })]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-8 min-w-[136px]" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				role: "presentation",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "size-8" })
+				]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "size-8" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "size-8" })
+		]
+	});
 }
 function RichTextEditorContentSkeleton() {
-	const $ = c(4);
-	let t0;
-	let t1;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 w-full max-w-[92%]"
-		});
-		t1 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 w-full max-w-[78%]"
-		});
-		t2 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 w-full max-w-[86%]"
-		});
-		$[0] = t0;
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t0 = $[0];
-		t1 = $[1];
-		t2 = $[2];
-	}
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: "qp-rich-text-editor__content space-y-3",
-			"aria-hidden": "true",
-			children: [
-				t0,
-				t1,
-				t2,
-				/* @__PURE__ */ jsx("div", {
-					className: "pt-3",
-					children: /* @__PURE__ */ jsx(Skeleton, {
-						variant: "text",
-						className: "h-4 w-full max-w-[58%]"
-					})
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qp-rich-text-editor__content space-y-3",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 w-full max-w-[92%]"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 w-full max-w-[78%]"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 w-full max-w-[86%]"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "pt-3",
+				children: /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-4 w-full max-w-[58%]"
 				})
-			]
-		});
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
+			})
+		]
+	});
 }
-function RichTextEditorLoadingSkeleton(t0) {
-	const $ = c(10);
-	const { disabled, readOnly, error, showToolbar } = t0;
-	const t1 = disabled || readOnly ? "opacity-60" : "";
-	const t2 = error ? "border-destructive" : "border-border";
-	let t3;
-	if ($[0] !== t1 || $[1] !== t2) {
-		t3 = cn("qp-rich-text-editor control-surface h-auto min-h-[160px] overflow-hidden", t1, t2);
-		$[0] = t1;
-		$[1] = t2;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Loading editor"
-		});
-		$[3] = t4;
-	} else t4 = $[3];
-	let t5;
-	if ($[4] !== showToolbar) {
-		t5 = showToolbar && /* @__PURE__ */ jsx(RichTextToolbarSkeleton, {});
-		$[4] = showToolbar;
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(RichTextEditorContentSkeleton, {});
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== t3 || $[8] !== t5) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: t3,
-			"data-admin-rich-text-editor": "root",
-			"aria-busy": "true",
-			children: [
-				t4,
-				t5,
-				t6
-			]
-		});
-		$[7] = t3;
-		$[8] = t5;
-		$[9] = t7;
-	} else t7 = $[9];
-	return t7;
+function RichTextEditorLoadingSkeleton({ disabled, readOnly, error, showToolbar }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("qp-rich-text-editor control-surface h-auto min-h-[160px] overflow-hidden", disabled || readOnly ? "opacity-60" : "", error ? "border-destructive" : "border-border"),
+		"data-admin-rich-text-editor": "root",
+		"aria-busy": "true",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Loading editor"
+			}),
+			showToolbar && /* @__PURE__ */ jsx(RichTextToolbarSkeleton, {}),
+			/* @__PURE__ */ jsx(RichTextEditorContentSkeleton, {})
+		]
+	});
 }
 /**
 * Main RichText Editor Component.
@@ -167,382 +94,121 @@ function RichTextEditorLoadingSkeleton(t0) {
 * `useEditor` with an empty extension list which causes the ProseMirror
 * "Schema is missing its top node type" error.
 */
-function RichTextEditor(t0) {
-	const $ = c(119);
-	const { name, value, onChange, disabled, readOnly, label, description, placeholder, required, error, localized, locale, extensions, preset, features, showCharacterCount, maxCharacters, enableImages, onImageUpload, imageCollection, enableMediaLibrary } = t0;
+function RichTextEditor({ name, value, onChange, disabled, readOnly, label, description, placeholder, required, error, localized, locale, extensions, preset, features, showCharacterCount, maxCharacters, enableImages, onImageUpload, imageCollection, enableMediaLibrary }) {
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
-	let t1;
-	if ($[0] !== label || $[1] !== resolveText) {
-		t1 = label ? resolveText(label) : void 0;
-		$[0] = label;
-		$[1] = resolveText;
-		$[2] = t1;
-	} else t1 = $[2];
-	const resolvedLabel = t1;
-	let t2;
-	if ($[3] !== description || $[4] !== resolveText) {
-		t2 = description ? resolveText(description) : void 0;
-		$[3] = description;
-		$[4] = resolveText;
-		$[5] = t2;
-	} else t2 = $[5];
-	const resolvedDescription = t2;
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
 	const descriptionId = resolvedDescription ? `${name}-description` : void 0;
 	const errorId = error ? `${name}-error` : void 0;
-	let t3;
-	if ($[6] !== descriptionId || $[7] !== errorId) {
-		t3 = [descriptionId, errorId].filter(Boolean);
-		$[6] = descriptionId;
-		$[7] = errorId;
-		$[8] = t3;
-	} else t3 = $[8];
-	const describedBy = t3.join(" ");
-	let t4;
-	bb0: {
-		if (preset) {
-			let t5$2;
-			if ($[9] !== features || $[10] !== preset) {
-				t5$2 = mergePresetFeatures(preset, features);
-				$[9] = features;
-				$[10] = preset;
-				$[11] = t5$2;
-			} else t5$2 = $[11];
-			t4 = t5$2;
-			break bb0;
-		}
-		let t5$1;
-		if ($[12] !== features) {
-			t5$1 = {
-				...defaultFeatures,
-				...features
-			};
-			$[12] = features;
-			$[13] = t5$1;
-		} else t5$1 = $[13];
-		t4 = t5$1;
-	}
-	const resolvedFeatures = t4;
-	let t5;
-	if ($[14] !== t) {
-		t5 = t("editor.unorderedList");
-		$[14] = t;
-		$[15] = t5;
-	} else t5 = $[15];
-	let t6;
-	if ($[16] !== t) {
-		t6 = t("editor.bulletListDescription");
-		$[16] = t;
-		$[17] = t6;
-	} else t6 = $[17];
-	let t7;
-	if ($[18] !== t) {
-		t7 = t("editor.codeBlock");
-		$[18] = t;
-		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== t) {
-		t8 = t("editor.codeBlockDescription");
-		$[20] = t;
-		$[21] = t8;
-	} else t8 = $[21];
-	let t9;
-	if ($[22] !== t) {
-		t9 = t("editor.horizontalRule");
-		$[22] = t;
-		$[23] = t9;
-	} else t9 = $[23];
-	let t10;
-	if ($[24] !== t) {
-		t10 = t("editor.dividerDescription");
-		$[24] = t;
-		$[25] = t10;
-	} else t10 = $[25];
-	let t11;
-	let t12;
-	if ($[26] !== t) {
-		t11 = (level) => t("editor.heading", { level });
-		t12 = t("editor.heading1Description");
-		$[26] = t;
-		$[27] = t11;
-		$[28] = t12;
-	} else {
-		t11 = $[27];
-		t12 = $[28];
-	}
-	let t13;
-	if ($[29] !== t) {
-		t13 = t("editor.heading2Description");
-		$[29] = t;
-		$[30] = t13;
-	} else t13 = $[30];
-	let t14;
-	if ($[31] !== t) {
-		t14 = t("editor.heading3Description");
-		$[31] = t;
-		$[32] = t14;
-	} else t14 = $[32];
-	let t15;
-	if ($[33] !== t) {
-		t15 = t("editor.orderedList");
-		$[33] = t;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== t) {
-		t16 = t("editor.orderedListDescription");
-		$[35] = t;
-		$[36] = t16;
-	} else t16 = $[36];
-	let t17;
-	if ($[37] !== t) {
-		t17 = t("editor.paragraph");
-		$[37] = t;
-		$[38] = t17;
-	} else t17 = $[38];
-	let t18;
-	if ($[39] !== t) {
-		t18 = t("editor.paragraphDescription");
-		$[39] = t;
-		$[40] = t18;
-	} else t18 = $[40];
-	let t19;
-	if ($[41] !== t) {
-		t19 = t("editor.quote");
-		$[41] = t;
-		$[42] = t19;
-	} else t19 = $[42];
-	let t20;
-	if ($[43] !== t) {
-		t20 = t("editor.quoteDescription");
-		$[43] = t;
-		$[44] = t20;
-	} else t20 = $[44];
-	let t21;
-	if ($[45] !== t) {
-		t21 = t("editor.table");
-		$[45] = t;
-		$[46] = t21;
-	} else t21 = $[46];
-	let t22;
-	if ($[47] !== t) {
-		t22 = t("editor.tableDescription");
-		$[47] = t;
-		$[48] = t22;
-	} else t22 = $[48];
-	let t23;
-	if ($[49] !== t10 || $[50] !== t11 || $[51] !== t12 || $[52] !== t13 || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t17 || $[57] !== t18 || $[58] !== t19 || $[59] !== t20 || $[60] !== t21 || $[61] !== t22 || $[62] !== t5 || $[63] !== t6 || $[64] !== t7 || $[65] !== t8 || $[66] !== t9) {
-		t23 = {
-			bulletList: t5,
-			bulletListDescription: t6,
-			codeBlock: t7,
-			codeBlockDescription: t8,
-			divider: t9,
-			dividerDescription: t10,
-			heading: t11,
-			heading1Description: t12,
-			heading2Description: t13,
-			heading3Description: t14,
-			orderedList: t15,
-			orderedListDescription: t16,
-			paragraph: t17,
-			paragraphDescription: t18,
-			quote: t19,
-			quoteDescription: t20,
-			table: t21,
-			tableDescription: t22
+	const describedBy = [descriptionId, errorId].filter(Boolean).join(" ");
+	const resolvedFeatures = React.useMemo(() => {
+		if (preset) return mergePresetFeatures(preset, features);
+		return {
+			...defaultFeatures,
+			...features
 		};
-		$[49] = t10;
-		$[50] = t11;
-		$[51] = t12;
-		$[52] = t13;
-		$[53] = t14;
-		$[54] = t15;
-		$[55] = t16;
-		$[56] = t17;
-		$[57] = t18;
-		$[58] = t19;
-		$[59] = t20;
-		$[60] = t21;
-		$[61] = t22;
-		$[62] = t5;
-		$[63] = t6;
-		$[64] = t7;
-		$[65] = t8;
-		$[66] = t9;
-		$[67] = t23;
-	} else t23 = $[67];
-	const extensionLabels = t23;
-	let t24;
-	if ($[68] !== extensionLabels || $[69] !== extensions || $[70] !== maxCharacters || $[71] !== placeholder || $[72] !== resolvedFeatures || $[73] !== t) {
-		t24 = () => {
-			const result = buildExtensions({
-				features: resolvedFeatures,
-				labels: extensionLabels,
-				placeholder: placeholder || t("editor.startWriting"),
-				maxCharacters,
-				customExtensions: extensions
+	}, [preset, features]);
+	const extensionLabels = React.useMemo(() => ({
+		bulletList: t("editor.unorderedList"),
+		bulletListDescription: t("editor.bulletListDescription"),
+		codeBlock: t("editor.codeBlock"),
+		codeBlockDescription: t("editor.codeBlockDescription"),
+		divider: t("editor.horizontalRule"),
+		dividerDescription: t("editor.dividerDescription"),
+		heading: (level) => t("editor.heading", { level }),
+		heading1Description: t("editor.heading1Description"),
+		heading2Description: t("editor.heading2Description"),
+		heading3Description: t("editor.heading3Description"),
+		orderedList: t("editor.orderedList"),
+		orderedListDescription: t("editor.orderedListDescription"),
+		paragraph: t("editor.paragraph"),
+		paragraphDescription: t("editor.paragraphDescription"),
+		quote: t("editor.quote"),
+		quoteDescription: t("editor.quoteDescription"),
+		table: t("editor.table"),
+		tableDescription: t("editor.tableDescription")
+	}), [t]);
+	const extensionBuild = React.useMemo(() => buildExtensions({
+		features: resolvedFeatures,
+		labels: extensionLabels,
+		placeholder: placeholder || t("editor.startWriting"),
+		maxCharacters,
+		customExtensions: extensions
+	}), [
+		resolvedFeatures,
+		extensionLabels,
+		placeholder,
+		maxCharacters,
+		extensions,
+		t
+	]);
+	const syncExtensions = extensionBuild instanceof Promise ? void 0 : extensionBuild;
+	const [asyncExtensionState, setAsyncExtensionState] = React.useState(null);
+	React.useEffect(() => {
+		if (!(extensionBuild instanceof Promise)) return;
+		let mounted = true;
+		extensionBuild.then((exts) => {
+			if (mounted) setAsyncExtensionState({
+				source: extensionBuild,
+				extensions: exts
 			});
-			return result instanceof Promise ? void 0 : result;
+		});
+		return () => {
+			mounted = false;
 		};
-		$[68] = extensionLabels;
-		$[69] = extensions;
-		$[70] = maxCharacters;
-		$[71] = placeholder;
-		$[72] = resolvedFeatures;
-		$[73] = t;
-		$[74] = t24;
-	} else t24 = $[74];
-	const [resolvedExtensions, setResolvedExtensions] = React.useState(t24);
-	let t25;
-	let t26;
-	if ($[75] !== extensionLabels || $[76] !== extensions || $[77] !== maxCharacters || $[78] !== placeholder || $[79] !== resolvedFeatures || $[80] !== t) {
-		t25 = () => {
-			let mounted = true;
-			const result_0 = buildExtensions({
+	}, [extensionBuild]);
+	const resolvedExtensions = syncExtensions ?? (asyncExtensionState?.source === extensionBuild ? asyncExtensionState.extensions : void 0);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		"data-disabled": disabled || readOnly,
+		children: [
+			resolvedLabel && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsxs(Label, {
+					htmlFor: name,
+					children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
+						className: "text-destructive ml-1",
+						children: "*"
+					})]
+				}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
+			}),
+			resolvedExtensions ? /* @__PURE__ */ jsx(RichTextEditorCore, {
+				name,
+				ariaLabel: resolvedLabel ?? name,
+				ariaDescribedBy: describedBy || void 0,
+				value,
+				onChange,
+				disabled,
+				readOnly,
+				error,
+				locale,
 				features: resolvedFeatures,
-				labels: extensionLabels,
-				placeholder: placeholder || t("editor.startWriting"),
+				resolvedExtensions,
+				showCharacterCount,
 				maxCharacters,
-				customExtensions: extensions
-			});
-			if (result_0 instanceof Promise) result_0.then((exts) => {
-				if (mounted) setResolvedExtensions(exts);
-			});
-			else setResolvedExtensions(result_0);
-			return () => {
-				mounted = false;
-			};
-		};
-		t26 = [
-			resolvedFeatures,
-			extensionLabels,
-			placeholder,
-			maxCharacters,
-			extensions,
-			t
-		];
-		$[75] = extensionLabels;
-		$[76] = extensions;
-		$[77] = maxCharacters;
-		$[78] = placeholder;
-		$[79] = resolvedFeatures;
-		$[80] = t;
-		$[81] = t25;
-		$[82] = t26;
-	} else {
-		t25 = $[81];
-		t26 = $[82];
-	}
-	React.useEffect(t25, t26);
-	const t27 = disabled || readOnly;
-	let t28;
-	if ($[83] !== locale || $[84] !== localized || $[85] !== name || $[86] !== required || $[87] !== resolvedLabel) {
-		t28 = resolvedLabel && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsxs(Label, {
-				htmlFor: name,
-				children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
-					className: "text-destructive ml-1",
-					children: "*"
-				})]
-			}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
-		});
-		$[83] = locale;
-		$[84] = localized;
-		$[85] = name;
-		$[86] = required;
-		$[87] = resolvedLabel;
-		$[88] = t28;
-	} else t28 = $[88];
-	let t29;
-	if ($[89] !== describedBy || $[90] !== disabled || $[91] !== enableImages || $[92] !== enableMediaLibrary || $[93] !== error || $[94] !== imageCollection || $[95] !== locale || $[96] !== maxCharacters || $[97] !== name || $[98] !== onChange || $[99] !== onImageUpload || $[100] !== readOnly || $[101] !== resolvedExtensions || $[102] !== resolvedFeatures || $[103] !== resolvedLabel || $[104] !== showCharacterCount || $[105] !== value) {
-		t29 = resolvedExtensions ? /* @__PURE__ */ jsx(RichTextEditorCore, {
-			name,
-			ariaLabel: resolvedLabel ?? name,
-			ariaDescribedBy: describedBy || void 0,
-			value,
-			onChange,
-			disabled,
-			readOnly,
-			error,
-			locale,
-			features: resolvedFeatures,
-			resolvedExtensions,
-			showCharacterCount,
-			maxCharacters,
-			enableImages,
-			onImageUpload,
-			imageCollection,
-			enableMediaLibrary
-		}) : /* @__PURE__ */ jsx(RichTextEditorLoadingSkeleton, {
-			disabled,
-			readOnly,
-			error,
-			showToolbar: resolvedFeatures.toolbar
-		});
-		$[89] = describedBy;
-		$[90] = disabled;
-		$[91] = enableImages;
-		$[92] = enableMediaLibrary;
-		$[93] = error;
-		$[94] = imageCollection;
-		$[95] = locale;
-		$[96] = maxCharacters;
-		$[97] = name;
-		$[98] = onChange;
-		$[99] = onImageUpload;
-		$[100] = readOnly;
-		$[101] = resolvedExtensions;
-		$[102] = resolvedFeatures;
-		$[103] = resolvedLabel;
-		$[104] = showCharacterCount;
-		$[105] = value;
-		$[106] = t29;
-	} else t29 = $[106];
-	let t30;
-	if ($[107] !== descriptionId || $[108] !== resolvedDescription) {
-		t30 = resolvedDescription && /* @__PURE__ */ jsx("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-xs",
-			children: resolvedDescription
-		});
-		$[107] = descriptionId;
-		$[108] = resolvedDescription;
-		$[109] = t30;
-	} else t30 = $[109];
-	let t31;
-	if ($[110] !== error || $[111] !== errorId) {
-		t31 = error && /* @__PURE__ */ jsx("p", {
-			id: errorId,
-			className: "text-destructive text-xs",
-			children: error
-		});
-		$[110] = error;
-		$[111] = errorId;
-		$[112] = t31;
-	} else t31 = $[112];
-	let t32;
-	if ($[113] !== t27 || $[114] !== t28 || $[115] !== t29 || $[116] !== t30 || $[117] !== t31) {
-		t32 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			"data-disabled": t27,
-			children: [
-				t28,
-				t29,
-				t30,
-				t31
-			]
-		});
-		$[113] = t27;
-		$[114] = t28;
-		$[115] = t29;
-		$[116] = t30;
-		$[117] = t31;
-		$[118] = t32;
-	} else t32 = $[118];
-	return t32;
+				enableImages,
+				onImageUpload,
+				imageCollection,
+				enableMediaLibrary
+			}) : /* @__PURE__ */ jsx(RichTextEditorLoadingSkeleton, {
+				disabled,
+				readOnly,
+				error,
+				showToolbar: resolvedFeatures.toolbar
+			}),
+			resolvedDescription && /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				className: "text-muted-foreground text-xs",
+				children: resolvedDescription
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				className: "text-destructive text-xs",
+				children: error
+			})
+		]
+	});
 }
 /**
 * Core editor — only mounts when extensions are ready.
@@ -597,16 +263,16 @@ function RichTextEditorCore({ name, ariaLabel, ariaDescribedBy, value, onChange,
 			if (typeof options?.position === "number") chain.insertContentAt(options.position, imageNodes).run();
 			else chain.insertContent(imageNodes).run();
 		} catch (err) {
-			const error_0 = err instanceof Error ? err : new Error(t("upload.error"));
-			toast.error(error_0.message);
+			const error$1 = err instanceof Error ? err : new Error(t("upload.error"));
+			toast.error(error$1.message);
 		} finally {
 			setUploadingInlineImage(false);
 		}
 	}, [t, uploadImageFile]);
 	const handleEditorPaste = React.useCallback((event) => {
-		const currentEditor_0 = editorRef.current;
+		const currentEditor = editorRef.current;
 		const state = editorStateRef.current;
-		if (!currentEditor_0 || !state.isEditable) return false;
+		if (!currentEditor || !state.isEditable) return false;
 		const imageFiles = getImageFilesFromDataTransfer(event.clipboardData);
 		if (state.allowImages && imageFiles.length > 0) {
 			event.preventDefault();
@@ -614,32 +280,32 @@ function RichTextEditorCore({ name, ariaLabel, ariaDescribedBy, value, onChange,
 			return true;
 		}
 		const pastedText = event.clipboardData?.getData("text/plain") ?? "";
-		if (state.allowLinks && isLikelyLinkHref(pastedText) && !currentEditor_0.state.selection.empty) {
+		if (state.allowLinks && isLikelyLinkHref(pastedText) && !currentEditor.state.selection.empty) {
 			event.preventDefault();
-			currentEditor_0.chain().focus().extendMarkRange("link").setLink(createLinkAttributes(pastedText)).run();
+			currentEditor.chain().focus().extendMarkRange("link").setLink(createLinkAttributes(pastedText)).run();
 			return true;
 		}
 		return false;
 	}, [insertUploadedImages]);
-	const handleEditorDrop = React.useCallback((view, event_0, moved) => {
-		const state_0 = editorStateRef.current;
-		if (moved || !state_0.isEditable || !state_0.allowImages) return false;
-		const imageFiles_0 = getImageFilesFromDataTransfer(event_0.dataTransfer);
-		if (imageFiles_0.length === 0) return false;
-		event_0.preventDefault();
+	const handleEditorDrop = React.useCallback((view, event, moved) => {
+		const state = editorStateRef.current;
+		if (moved || !state.isEditable || !state.allowImages) return false;
+		const imageFiles = getImageFilesFromDataTransfer(event.dataTransfer);
+		if (imageFiles.length === 0) return false;
+		event.preventDefault();
 		const position = view.posAtCoords({
-			left: event_0.clientX,
-			top: event_0.clientY
+			left: event.clientX,
+			top: event.clientY
 		})?.pos;
-		insertUploadedImages(imageFiles_0, { position });
+		insertUploadedImages(imageFiles, { position });
 		return true;
 	}, [insertUploadedImages]);
-	const handleEditorKeyDown = React.useCallback((event_1) => {
-		if (!isModifierShortcut(event_1)) return false;
-		const key = event_1.key.toLowerCase();
+	const handleEditorKeyDown = React.useCallback((event) => {
+		if (!isModifierShortcut(event)) return false;
+		const key = event.key.toLowerCase();
 		if (key === "k" && allowLinks && isEditable) {
-			event_1.preventDefault();
-			event_1.stopPropagation();
+			event.preventDefault();
+			event.stopPropagation();
 			setLinkOpen(true);
 			return true;
 		}
@@ -650,7 +316,7 @@ function RichTextEditorCore({ name, ariaLabel, ariaDescribedBy, value, onChange,
 			"u",
 			"y",
 			"z"
-		].includes(key)) event_1.stopPropagation();
+		].includes(key)) event.stopPropagation();
 		return false;
 	}, [allowLinks, isEditable]);
 	const editor = useEditor({
@@ -666,14 +332,14 @@ function RichTextEditorCore({ name, ariaLabel, ariaDescribedBy, value, onChange,
 				...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
 				...error ? { "aria-invalid": "true" } : {}
 			},
-			handleKeyDown: (_view, event_2) => handleEditorKeyDown(event_2),
-			handlePaste: (_view_0, event_3) => handleEditorPaste(event_3),
-			handleDrop: (view_0, event_4, _slice, moved_0) => handleEditorDrop(view_0, event_4, moved_0)
+			handleKeyDown: (_view, event) => handleEditorKeyDown(event),
+			handlePaste: (_view, event) => handleEditorPaste(event),
+			handleDrop: (view, event, _slice, moved) => handleEditorDrop(view, event, moved)
 		},
 		editable: isEditable,
-		onUpdate: ({ editor: currentEditor_1 }) => {
+		onUpdate: ({ editor: currentEditor }) => {
 			if (disabled || readOnly) return;
-			const nextValue = getOutput(currentEditor_1);
+			const nextValue = getOutput(currentEditor);
 			lastEmittedValueRef.current = nextValue;
 			onChange?.(nextValue);
 		}
@@ -714,13 +380,13 @@ function RichTextEditorCore({ name, ariaLabel, ariaDescribedBy, value, onChange,
 				features,
 				disabled: !isEditable,
 				headingValue,
-				onHeadingChange: (value_0) => {
+				onHeadingChange: (value$1) => {
 					if (!editor) return;
-					if (value_0 === "paragraph") {
+					if (value$1 === "paragraph") {
 						editor.chain().focus().setParagraph().run();
 						return;
 					}
-					editor.chain().focus().toggleHeading({ level: Number(value_0) }).run();
+					editor.chain().focus().toggleHeading({ level: Number(value$1) }).run();
 				},
 				onLinkClick: () => setLinkOpen(true),
 				onImageClick: () => setImageOpen(true),