@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/compositions/RichTextInput/Toolbar.js

@@ -10,132 +10,134 @@ import { liftListItem, wrapInList } from "prosemirror-schema-list";
 
 //#region src/compositions/RichTextInput/Toolbar.tsx
 var isMarkActive, Toolbar;
-var init_Toolbar = __esmMin(() => {
-	init_Button();
-	init_Stack();
-	init_helpers();
-	isMarkActive = (state, markType) => {
-		if (!markType) return false;
-		const { from, $from, to, empty } = state.selection;
-		if (empty) {
-			var _state$storedMarks;
-			const marks = (_state$storedMarks = state.storedMarks) !== null && _state$storedMarks !== void 0 ? _state$storedMarks : $from.marks();
-			return Boolean(markType.isInSet(marks));
-		}
-		return state.doc.rangeHasMark(from, to, markType);
-	};
-	Toolbar = ({ disabled, showList, showMarks, size }) => {
-		const editorState = useEditorState();
-		const runCommand = useEditorEventCallback((view, command) => {
-			command(view.state, view.dispatch);
-		});
-		const runCommandOnEnter = (event, command) => {
-			if (event.key !== "Enter") return;
-			event.preventDefault();
-			runCommand(command);
+function init_Toolbar() {
+	return (init_Toolbar = __esmMin(() => {
+		init_Button();
+		init_Stack();
+		init_helpers();
+		isMarkActive = (state, markType) => {
+			if (!markType) return false;
+			const { from, $from, to, empty } = state.selection;
+			if (empty) {
+				var _state$storedMarks;
+				const marks = (_state$storedMarks = state.storedMarks) !== null && _state$storedMarks !== void 0 ? _state$storedMarks : $from.marks();
+				return Boolean(markType.isInSet(marks));
+			}
+			return state.doc.rangeHasMark(from, to, markType);
 		};
-		const strongMark = editorState.schema.marks["strong"];
-		const emMark = editorState.schema.marks["em"];
-		const underlineMark = editorState.schema.marks["underline"];
-		const bulletList = editorState.schema.nodes["bullet_list"];
-		const orderedList = editorState.schema.nodes["ordered_list"];
-		const listItem = editorState.schema.nodes["list_item"];
-		const isInBulletList = isSelectionInNodeType(editorState, bulletList);
-		const isInOrderedList = isSelectionInNodeType(editorState, orderedList);
-		const buttonSize = size === "small" ? "xsmall" : "small";
-		return /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			gap: 1,
-			role: "toolbar",
-			children: [showMarks ? /* @__PURE__ */ jsxs(Stack, {
+		Toolbar = ({ disabled, showList, showMarks, size }) => {
+			const editorState = useEditorState();
+			const runCommand = useEditorEventCallback((view, command) => {
+				command(view.state, view.dispatch);
+			});
+			const runCommandOnEnter = (event, command) => {
+				if (event.key !== "Enter") return;
+				event.preventDefault();
+				runCommand(command);
+			};
+			const strongMark = editorState.schema.marks["strong"];
+			const emMark = editorState.schema.marks["em"];
+			const underlineMark = editorState.schema.marks["underline"];
+			const bulletList = editorState.schema.nodes["bullet_list"];
+			const orderedList = editorState.schema.nodes["ordered_list"];
+			const listItem = editorState.schema.nodes["list_item"];
+			const isInBulletList = isSelectionInNodeType(editorState, bulletList);
+			const isInOrderedList = isSelectionInNodeType(editorState, orderedList);
+			const buttonSize = size === "small" ? "xsmall" : "small";
+			return /* @__PURE__ */ jsxs(Stack, {
 				alignItems: "center",
 				direction: "row",
 				gap: 1,
-				children: [
-					/* @__PURE__ */ jsx(Button, {
-						"aria-label": "Bold",
-						disabled,
+				role: "toolbar",
+				children: [showMarks ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							"aria-label": "Bold",
+							disabled,
+							size: buttonSize,
+							variant: isMarkActive(editorState, strongMark) ? "filled" : "ghost",
+							sentiment: "neutral",
+							onMouseDown: (event) => {
+								event.preventDefault();
+								if (strongMark) runCommand(toggleMark(strongMark));
+							},
+							onKeyDown: (event) => {
+								if (strongMark) runCommandOnEnter(event, toggleMark(strongMark));
+							},
+							children: /* @__PURE__ */ jsx(BoldIcon, {})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							"aria-label": "Italic",
+							disabled,
+							size: buttonSize,
+							variant: isMarkActive(editorState, emMark) ? "filled" : "ghost",
+							sentiment: "neutral",
+							onMouseDown: (event) => {
+								event.preventDefault();
+								if (emMark) runCommand(toggleMark(emMark));
+							},
+							onKeyDown: (event) => {
+								if (emMark) runCommandOnEnter(event, toggleMark(emMark));
+							},
+							children: /* @__PURE__ */ jsx(ItalicIcon, {})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							"aria-label": "Underline",
+							disabled,
+							size: buttonSize,
+							variant: isMarkActive(editorState, underlineMark) ? "filled" : "ghost",
+							sentiment: "neutral",
+							onMouseDown: (event) => {
+								event.preventDefault();
+								if (underlineMark) runCommand(toggleMark(underlineMark));
+							},
+							onKeyDown: (event) => {
+								if (underlineMark) runCommandOnEnter(event, toggleMark(underlineMark));
+							},
+							children: /* @__PURE__ */ jsx(UnderlineIcon, {})
+						})
+					]
+				}) : null, showList ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [/* @__PURE__ */ jsx(Button, {
+						"aria-label": "Bullet List",
+						disabled: disabled || isInOrderedList,
 						size: buttonSize,
-						variant: isMarkActive(editorState, strongMark) ? "filled" : "ghost",
+						variant: isInBulletList ? "filled" : "ghost",
 						sentiment: "neutral",
 						onMouseDown: (event) => {
 							event.preventDefault();
-							if (strongMark) runCommand(toggleMark(strongMark));
+							runCommand(isInBulletList ? liftListItem(listItem) : wrapInList(bulletList));
 						},
 						onKeyDown: (event) => {
-							if (strongMark) runCommandOnEnter(event, toggleMark(strongMark));
+							runCommandOnEnter(event, isInBulletList ? liftListItem(listItem) : wrapInList(bulletList));
 						},
-						children: /* @__PURE__ */ jsx(BoldIcon, {})
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						"aria-label": "Italic",
-						disabled,
+						children: /* @__PURE__ */ jsx(ListBulletIcon, {})
+					}), /* @__PURE__ */ jsx(Button, {
+						"aria-label": "Ordered List",
+						disabled: disabled || isInBulletList,
 						size: buttonSize,
-						variant: isMarkActive(editorState, emMark) ? "filled" : "ghost",
+						variant: isInOrderedList ? "filled" : "ghost",
 						sentiment: "neutral",
 						onMouseDown: (event) => {
 							event.preventDefault();
-							if (emMark) runCommand(toggleMark(emMark));
+							runCommand(isInOrderedList ? liftListItem(listItem) : wrapInList(orderedList));
 						},
 						onKeyDown: (event) => {
-							if (emMark) runCommandOnEnter(event, toggleMark(emMark));
+							runCommandOnEnter(event, isInOrderedList ? liftListItem(listItem) : wrapInList(orderedList));
 						},
-						children: /* @__PURE__ */ jsx(ItalicIcon, {})
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						"aria-label": "Underline",
-						disabled,
-						size: buttonSize,
-						variant: isMarkActive(editorState, underlineMark) ? "filled" : "ghost",
-						sentiment: "neutral",
-						onMouseDown: (event) => {
-							event.preventDefault();
-							if (underlineMark) runCommand(toggleMark(underlineMark));
-						},
-						onKeyDown: (event) => {
-							if (underlineMark) runCommandOnEnter(event, toggleMark(underlineMark));
-						},
-						children: /* @__PURE__ */ jsx(UnderlineIcon, {})
-					})
-				]
-			}) : null, showList ? /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				gap: 1,
-				children: [/* @__PURE__ */ jsx(Button, {
-					"aria-label": "Bullet List",
-					disabled: disabled || isInOrderedList,
-					size: buttonSize,
-					variant: isInBulletList ? "filled" : "ghost",
-					sentiment: "neutral",
-					onMouseDown: (event) => {
-						event.preventDefault();
-						runCommand(isInBulletList ? liftListItem(listItem) : wrapInList(bulletList));
-					},
-					onKeyDown: (event) => {
-						runCommandOnEnter(event, isInBulletList ? liftListItem(listItem) : wrapInList(bulletList));
-					},
-					children: /* @__PURE__ */ jsx(ListBulletIcon, {})
-				}), /* @__PURE__ */ jsx(Button, {
-					"aria-label": "Ordered List",
-					disabled: disabled || isInBulletList,
-					size: buttonSize,
-					variant: isInOrderedList ? "filled" : "ghost",
-					sentiment: "neutral",
-					onMouseDown: (event) => {
-						event.preventDefault();
-						runCommand(isInOrderedList ? liftListItem(listItem) : wrapInList(orderedList));
-					},
-					onKeyDown: (event) => {
-						runCommandOnEnter(event, isInOrderedList ? liftListItem(listItem) : wrapInList(orderedList));
-					},
-					children: /* @__PURE__ */ jsx(ListNumberIcon, {})
-				})]
-			}) : null]
-		});
-	};
-});
+						children: /* @__PURE__ */ jsx(ListNumberIcon, {})
+					})]
+				}) : null]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Toolbar();

package/dist/compositions/RichTextInput/editorCore.js

@@ -10,54 +10,56 @@ import { EditorState } from "prosemirror-state";
 
 //#region src/compositions/RichTextInput/editorCore.ts
 var nodesWithLists, editorSchema, listItemNode, bulletListNode, orderedListNode, createPlugins, createEditorState, docFromHtml, editorDocToHtml;
-var init_editorCore = __esmMin(() => {
-	init_helpers();
-	nodesWithLists = addListNodes(schema.spec.nodes.remove("image"), "paragraph block*", "block");
-	editorSchema = new Schema({
-		nodes: nodesWithLists,
-		marks: schema.spec.marks.addToEnd("underline", {
-			parseDOM: [{ tag: "u" }, {
-				style: "text-decoration",
-				getAttrs: (value) => value === "underline" ? null : false
-			}],
-			toDOM: () => ["u", 0]
-		})
-	});
-	listItemNode = editorSchema.nodes["list_item"];
-	bulletListNode = editorSchema.nodes["bullet_list"];
-	orderedListNode = editorSchema.nodes["ordered_list"];
-	createPlugins = () => {
-		const plugins = [reactKeys()];
-		if (editorSchema.marks["strong"]) plugins.push(keymap({ "Mod-b": toggleMark(editorSchema.marks["strong"]) }));
-		if (editorSchema.marks["em"]) plugins.push(keymap({ "Mod-i": toggleMark(editorSchema.marks["em"]) }));
-		if (editorSchema.marks["underline"]) plugins.push(keymap({ "Mod-u": toggleMark(editorSchema.marks["underline"]) }));
-		if (bulletListNode) plugins.push(keymap({ "Mod-Shift-8": createToggleListCommand(listItemNode, bulletListNode) }));
-		if (orderedListNode) plugins.push(keymap({ "Mod-Shift-9": createToggleListCommand(listItemNode, orderedListNode) }));
-		if (listItemNode) plugins.push(keymap({ Enter: splitListItem(listItemNode) }));
-		plugins.push(keymap(baseKeymap));
-		return plugins;
-	};
-	createEditorState = (doc) => EditorState.create({
-		schema: editorSchema,
-		doc,
-		plugins: createPlugins()
-	});
-	docFromHtml = (html, schema = editorSchema) => {
-		const normalizedHtml = html !== null && html !== void 0 ? html : "";
-		if (normalizedHtml.trim() === "") return schema.nodes["doc"].createAndFill();
-		if (typeof document === "undefined") return schema.nodes["doc"].createAndFill();
-		const container = document.createElement("div");
-		container.innerHTML = normalizedHtml.includes("<") ? normalizedHtml : `<p>${escapeHtml(normalizedHtml)}</p>`;
-		return DOMParser.fromSchema(schema).parse(container);
-	};
-	editorDocToHtml = (doc, schema = editorSchema) => {
-		if (typeof document === "undefined") return "";
-		const serializer = DOMSerializer.fromSchema(schema);
-		const wrap = document.createElement("div");
-		wrap.appendChild(serializer.serializeFragment(doc.content));
-		return wrap.innerHTML;
-	};
-});
+function init_editorCore() {
+	return (init_editorCore = __esmMin(() => {
+		init_helpers();
+		nodesWithLists = addListNodes(schema.spec.nodes.remove("image"), "paragraph block*", "block");
+		editorSchema = new Schema({
+			nodes: nodesWithLists,
+			marks: schema.spec.marks.addToEnd("underline", {
+				parseDOM: [{ tag: "u" }, {
+					style: "text-decoration",
+					getAttrs: (value) => value === "underline" ? null : false
+				}],
+				toDOM: () => ["u", 0]
+			})
+		});
+		listItemNode = editorSchema.nodes["list_item"];
+		bulletListNode = editorSchema.nodes["bullet_list"];
+		orderedListNode = editorSchema.nodes["ordered_list"];
+		createPlugins = () => {
+			const plugins = [reactKeys()];
+			if (editorSchema.marks["strong"]) plugins.push(keymap({ "Mod-b": toggleMark(editorSchema.marks["strong"]) }));
+			if (editorSchema.marks["em"]) plugins.push(keymap({ "Mod-i": toggleMark(editorSchema.marks["em"]) }));
+			if (editorSchema.marks["underline"]) plugins.push(keymap({ "Mod-u": toggleMark(editorSchema.marks["underline"]) }));
+			if (bulletListNode) plugins.push(keymap({ "Mod-Shift-8": createToggleListCommand(listItemNode, bulletListNode) }));
+			if (orderedListNode) plugins.push(keymap({ "Mod-Shift-9": createToggleListCommand(listItemNode, orderedListNode) }));
+			if (listItemNode) plugins.push(keymap({ Enter: splitListItem(listItemNode) }));
+			plugins.push(keymap(baseKeymap));
+			return plugins;
+		};
+		createEditorState = (doc) => EditorState.create({
+			schema: editorSchema,
+			doc,
+			plugins: createPlugins()
+		});
+		docFromHtml = (html, schema = editorSchema) => {
+			const normalizedHtml = html !== null && html !== void 0 ? html : "";
+			if (normalizedHtml.trim() === "") return schema.nodes["doc"].createAndFill();
+			if (typeof document === "undefined") return schema.nodes["doc"].createAndFill();
+			const container = document.createElement("div");
+			container.innerHTML = normalizedHtml.includes("<") ? normalizedHtml : `<p>${escapeHtml(normalizedHtml)}</p>`;
+			return DOMParser.fromSchema(schema).parse(container);
+		};
+		editorDocToHtml = (doc, schema = editorSchema) => {
+			if (typeof document === "undefined") return "";
+			const serializer = DOMSerializer.fromSchema(schema);
+			const wrap = document.createElement("div");
+			wrap.appendChild(serializer.serializeFragment(doc.content));
+			return wrap.innerHTML;
+		};
+	}))();
+}
 
 //#endregion
 init_editorCore();

package/dist/compositions/RichTextInput/helpers.js

@@ -3,18 +3,20 @@ import { liftListItem, wrapInList } from "prosemirror-schema-list";
 
 //#region src/compositions/RichTextInput/helpers.ts
 var escapeHtml, isSelectionInNodeType, createToggleListCommand;
-var init_helpers = __esmMin(() => {
-	escapeHtml = (text) => text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
-	isSelectionInNodeType = (state, nodeType) => {
-		const { $from } = state.selection;
-		for (let d = $from.depth; d > 0; d -= 1) if ($from.node(d).type === nodeType) return true;
-		return false;
-	};
-	createToggleListCommand = (listItemType, listType) => (state, dispatch) => {
-		const isInListItem = isSelectionInNodeType(state, listItemType);
-		return (isSelectionInNodeType(state, listType) && isInListItem ? liftListItem(listItemType) : wrapInList(listType))(state, dispatch);
-	};
-});
+function init_helpers() {
+	return (init_helpers = __esmMin(() => {
+		escapeHtml = (text) => text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
+		isSelectionInNodeType = (state, nodeType) => {
+			const { $from } = state.selection;
+			for (let d = $from.depth; d > 0; d -= 1) if ($from.node(d).type === nodeType) return true;
+			return false;
+		};
+		createToggleListCommand = (listItemType, listType) => (state, dispatch) => {
+			const isInListItem = isSelectionInNodeType(state, listItemType);
+			return (isSelectionInNodeType(state, listType) && isInListItem ? liftListItem(listItemType) : wrapInList(listType))(state, dispatch);
+		};
+	}))();
+}
 
 //#endregion
 init_helpers();

package/dist/compositions/RichTextInput/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../../components/Stack/index.js";
 import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
 import { Description, init_Description } from "../../components/Description/index.js";
@@ -18,118 +18,120 @@ import { ProseMirror, ProseMirrorDoc } from "@handlewithcare/react-prosemirror";
 
 //#region src/compositions/RichTextInput/index.tsx
 var RICH_TEXT_EDITOR_LINE_HEIGHT_EM, RichTextInput;
-var init_RichTextInput = __esmMin(() => {
-	init_Description();
-	init_Label();
-	init_Stack();
-	init_hasHelperText();
-	init_editorCore();
-	init_Toolbar();
-	init_styles_css();
-	init_objectSpread2();
-	RICH_TEXT_EDITOR_LINE_HEIGHT_EM = 1.5;
-	RichTextInput = ({ value = "", onChange, onBlur, onFocus, disabled = false, readOnly = false, error, helper, success, className, style, size = "large", label, labelDescription, rows = 5, maxRows = 10, id, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, showMarks = true, showList = true, required = false }) => {
-		const localId = useId();
-		const inputId = id !== null && id !== void 0 ? id : `rich-text-input-${localId}`;
-		const descriptionId = `${inputId}-description`;
-		const labelId = `${inputId}-label`;
-		const isEditable = !disabled && !readOnly;
-		const lineHeightEm = RICH_TEXT_EDITOR_LINE_HEIGHT_EM;
-		const padding = theme.space[1];
-		const minHeight = `calc(${lineHeightEm}em * ${rows} + 2 * ${padding})`;
-		const maxHeight = typeof maxRows === "number" ? `calc(${lineHeightEm}em * ${maxRows} + 2 * ${padding})` : "none";
-		const [editorState, setEditorState] = useState(() => createEditorState(docFromHtml(value, editorSchema)));
-		useEffect(() => {
-			setEditorState((prev) => {
-				if (value === (prev.doc.textContent.trim() === "" ? "" : editorDocToHtml(prev.doc, editorSchema))) return prev;
-				return createEditorState(docFromHtml(value, editorSchema));
-			});
-		}, [value]);
-		return /* @__PURE__ */ jsxs(Stack, {
-			gap: "0.5",
-			children: [
-				label ? /* @__PURE__ */ jsx(Label, {
-					htmlFor: inputId,
-					id: labelId,
-					required,
-					labelDescription,
-					children: label
-				}) : null,
-				/* @__PURE__ */ jsx(Stack, {
-					className: cn(richTextInputStyle.editorSurface({
+function init_RichTextInput() {
+	return (init_RichTextInput = __esmMin(() => {
+		init_Description();
+		init_Label();
+		init_Stack();
+		init_hasHelperText();
+		init_editorCore();
+		init_Toolbar();
+		init_styles_css();
+		init_objectSpread2();
+		RICH_TEXT_EDITOR_LINE_HEIGHT_EM = 1.5;
+		RichTextInput = ({ value = "", onChange, onBlur, onFocus, disabled = false, readOnly = false, error, helper, success, className, style, size = "large", label, labelDescription, rows = 5, maxRows = 10, id, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, showMarks = true, showList = true, required = false }) => {
+			const localId = useId();
+			const inputId = id !== null && id !== void 0 ? id : `rich-text-input-${localId}`;
+			const descriptionId = `${inputId}-description`;
+			const labelId = `${inputId}-label`;
+			const isEditable = !disabled && !readOnly;
+			const lineHeightEm = RICH_TEXT_EDITOR_LINE_HEIGHT_EM;
+			const padding = theme.space[1];
+			const minHeight = `calc(${lineHeightEm}em * ${rows} + 2 * ${padding})`;
+			const maxHeight = typeof maxRows === "number" ? `calc(${lineHeightEm}em * ${maxRows} + 2 * ${padding})` : "none";
+			const [editorState, setEditorState] = useState(() => createEditorState(docFromHtml(value, editorSchema)));
+			useEffect(() => {
+				setEditorState((prev) => {
+					if (value === (prev.doc.textContent.trim() === "" ? "" : editorDocToHtml(prev.doc, editorSchema))) return prev;
+					return createEditorState(docFromHtml(value, editorSchema));
+				});
+			}, [value]);
+			return /* @__PURE__ */ jsxs(Stack, {
+				gap: "0.5",
+				children: [
+					label ? /* @__PURE__ */ jsx(Label, {
+						htmlFor: inputId,
+						id: labelId,
+						required,
+						labelDescription,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsx(Stack, {
+						className: cn(richTextInputStyle.editorSurface({
+							disabled,
+							readonly: readOnly,
+							error: !!error && !disabled,
+							success: !!success && !error && !disabled
+						}), className),
+						style,
+						children: /* @__PURE__ */ jsxs(ProseMirror, {
+							dispatchTransaction: (transaction) => {
+								if (!isEditable) return;
+								setEditorState((prev) => {
+									const next = prev.apply(transaction);
+									if (!prev.doc.eq(next.doc)) {
+										const isEmpty = next.doc.textContent.trim() === "";
+										onChange === null || onChange === void 0 || onChange(isEmpty ? "" : editorDocToHtml(next.doc, editorSchema));
+									}
+									return next;
+								});
+							},
+							state: editorState,
+							static: !isEditable,
+							children: [/* @__PURE__ */ jsx("div", {
+								className: richTextInputStyle.toolbarRow,
+								children: /* @__PURE__ */ jsx(Toolbar, {
+									showList,
+									showMarks,
+									disabled: disabled || readOnly,
+									size
+								})
+							}), /* @__PURE__ */ jsxs("div", {
+								className: richTextInputStyle.wrapper,
+								children: [
+									/* @__PURE__ */ jsx(ProseMirrorDoc, {
+										"aria-labelledby": labelId,
+										"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? descriptionId : void 0),
+										"aria-invalid": error ? "true" : void 0,
+										"aria-disabled": disabled ? "true" : void 0,
+										"aria-readonly": readOnly ? "true" : void 0,
+										"aria-label": ariaLabel,
+										className: richTextInputStyle.docRegion,
+										"data-testid": dataTestId,
+										id: inputId,
+										role: "textbox",
+										style: _objectSpread2({}, assignInlineVars({
+											[docRegionMaxHeightVar]: maxHeight !== null && maxHeight !== void 0 ? maxHeight : "none",
+											[docRegionMinHeightVar]: minHeight
+										})),
+										onBlur,
+										onFocus
+									}),
+									error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
+										className: richTextInputStyle.statusIcon,
+										sentiment: "danger"
+									}) : null,
+									success ? /* @__PURE__ */ jsx(CheckCircleIcon, {
+										className: richTextInputStyle.statusIcon,
+										sentiment: "success"
+									}) : null
+								]
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx(Description, {
+						id: descriptionId,
+						error,
+						success,
 						disabled,
-						readonly: readOnly,
-						error: !!error && !disabled,
-						success: !!success && !error && !disabled
-					}), className),
-					style,
-					children: /* @__PURE__ */ jsxs(ProseMirror, {
-						dispatchTransaction: (transaction) => {
-							if (!isEditable) return;
-							setEditorState((prev) => {
-								const next = prev.apply(transaction);
-								if (!prev.doc.eq(next.doc)) {
-									const isEmpty = next.doc.textContent.trim() === "";
-									onChange === null || onChange === void 0 || onChange(isEmpty ? "" : editorDocToHtml(next.doc, editorSchema));
-								}
-								return next;
-							});
-						},
-						state: editorState,
-						static: !isEditable,
-						children: [/* @__PURE__ */ jsx("div", {
-							className: richTextInputStyle.toolbarRow,
-							children: /* @__PURE__ */ jsx(Toolbar, {
-								showList,
-								showMarks,
-								disabled: disabled || readOnly,
-								size
-							})
-						}), /* @__PURE__ */ jsxs("div", {
-							className: richTextInputStyle.wrapper,
-							children: [
-								/* @__PURE__ */ jsx(ProseMirrorDoc, {
-									"aria-labelledby": labelId,
-									"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? descriptionId : void 0),
-									"aria-invalid": error ? "true" : void 0,
-									"aria-disabled": disabled ? "true" : void 0,
-									"aria-readonly": readOnly ? "true" : void 0,
-									"aria-label": ariaLabel,
-									className: richTextInputStyle.docRegion,
-									"data-testid": dataTestId,
-									id: inputId,
-									role: "textbox",
-									style: _objectSpread2({}, assignInlineVars({
-										[docRegionMaxHeightVar]: maxHeight !== null && maxHeight !== void 0 ? maxHeight : "none",
-										[docRegionMinHeightVar]: minHeight
-									})),
-									onBlur,
-									onFocus
-								}),
-								error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
-									className: richTextInputStyle.statusIcon,
-									sentiment: "danger"
-								}) : null,
-								success ? /* @__PURE__ */ jsx(CheckCircleIcon, {
-									className: richTextInputStyle.statusIcon,
-									sentiment: "success"
-								}) : null
-							]
-						})]
+						helper
 					})
-				}),
-				/* @__PURE__ */ jsx(Description, {
-					id: descriptionId,
-					error,
-					success,
-					disabled,
-					helper
-				})
-			]
-		});
-	};
-	RichTextInput.displayName = "RichTextInput";
-});
+				]
+			});
+		};
+		RichTextInput.displayName = "RichTextInput";
+	}))();
+}
 
 //#endregion
 init_RichTextInput();