@mantine-vue/tiptap 1.1.2

package/cjs/index.cjs

@@ -0,0 +1,1413 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let vue = require("vue");
+let _mantine_vue_core = require("@mantine-vue/core");
+let _tiptap_vue_3 = require("@tiptap/vue-3");
+let _mantine_vue_hooks = require("@mantine-vue/hooks");
+let _tiptap_extension_link = require("@tiptap/extension-link");
+_tiptap_extension_link = __toESM(_tiptap_extension_link);
+//#region src/labels.ts
+var DEFAULT_LABELS = {
+	linkControlLabel: "Link",
+	colorPickerControlLabel: "Text color",
+	highlightControlLabel: "Highlight text",
+	colorControlLabel: (color) => `Set text color ${color}`,
+	boldControlLabel: "Bold",
+	italicControlLabel: "Italic",
+	underlineControlLabel: "Underline",
+	strikeControlLabel: "Strikethrough",
+	clearFormattingControlLabel: "Clear formatting",
+	unlinkControlLabel: "Remove link",
+	bulletListControlLabel: "Bullet list",
+	orderedListControlLabel: "Ordered list",
+	sourceCodeControlLabel: "Switch between text/source code",
+	h1ControlLabel: "Heading 1",
+	h2ControlLabel: "Heading 2",
+	h3ControlLabel: "Heading 3",
+	h4ControlLabel: "Heading 4",
+	h5ControlLabel: "Heading 5",
+	h6ControlLabel: "Heading 6",
+	blockquoteControlLabel: "Blockquote",
+	alignLeftControlLabel: "Align text: left",
+	alignCenterControlLabel: "Align text: center",
+	alignRightControlLabel: "Align text: right",
+	alignJustifyControlLabel: "Align text: justify",
+	codeControlLabel: "Code",
+	codeBlockControlLabel: "Code block",
+	subscriptControlLabel: "Subscript",
+	superscriptControlLabel: "Superscript",
+	unsetColorControlLabel: "Unset color",
+	hrControlLabel: "Horizontal line",
+	undoControlLabel: "Undo",
+	redoControlLabel: "Redo",
+	tasksControlLabel: "Task list",
+	tasksSinkLabel: "Decrease task level",
+	tasksLiftLabel: "Increase task level",
+	linkEditorInputLabel: "Enter URL",
+	linkEditorInputPlaceholder: "https://example.com/",
+	linkEditorExternalLink: "Open link in a new tab",
+	linkEditorInternalLink: "Open link in the same tab",
+	linkEditorSave: "Save",
+	colorPickerCancel: "Cancel",
+	colorPickerClear: "Clear color",
+	colorPickerColorPicker: "Color picker",
+	colorPickerPalette: "Color palette",
+	colorPickerSave: "Save",
+	colorPickerColorLabel: (color) => `Set text color ${color}`
+};
+//#endregion
+//#region src/RichTextEditor.context.ts
+var [provideRichTextEditorContext, useRichTextEditorContext] = (0, _mantine_vue_core.createSafeContext)("RichTextEditor component was not found in tree");
+var RichTextEditor_module_default = {
+	root: "_root_1ljoi_1",
+	Typography: "_Typography_1ljoi_15",
+	content: "_content_1ljoi_43",
+	linkEditorDropdown: "_linkEditorDropdown_1ljoi_156",
+	control: "_control_1ljoi_160",
+	controlIcon: "_controlIcon_1ljoi_236",
+	controlsGroup: "_controlsGroup_1ljoi_241",
+	linkEditor: "_linkEditor_1ljoi_156",
+	linkEditorInput: "_linkEditorInput_1ljoi_270",
+	linkEditorExternalControl: "_linkEditorExternalControl_1ljoi_276",
+	linkEditorSave: "_linkEditorSave_1ljoi_306",
+	toolbar: "_toolbar_1ljoi_311",
+	taskList: "_taskList_1ljoi_345"
+};
+//#endregion
+//#region src/RichTextEditorContent/RichTextEditorContent.ts
+var RichTextEditorContent = (0, vue.defineComponent)({
+	name: "RichTextEditorContent",
+	inheritAttrs: false,
+	props: {
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorContent", null, rawProps);
+		const ctx = useRichTextEditorContext();
+		return () => {
+			const editorContent = (0, vue.h)(_mantine_vue_core.Box, {
+				component: _tiptap_vue_3.EditorContent,
+				editor: ctx.editor,
+				...ctx.getStyles("content", {
+					classNames: props.classNames,
+					styles: props.styles,
+					className: ctx.withTypographyStyles ? void 0 : attrs.class,
+					style: ctx.withTypographyStyles ? void 0 : attrs.style
+				}),
+				...attrs
+			});
+			return ctx.withTypographyStyles ? (0, vue.h)(_mantine_vue_core.Typography, {
+				...ctx.getStyles("Typography", {
+					className: attrs.class,
+					style: attrs.style,
+					styles: props.styles,
+					classNames: props.classNames
+				}),
+				unstyled: ctx.unstyled
+			}, () => editorContent) : editorContent;
+		};
+	}
+});
+Object.assign(RichTextEditorContent, { classes: RichTextEditor_module_default });
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorControl.ts
+var defaultProps$1 = { interactive: true };
+var RichTextEditorControl = (0, vue.defineComponent)({
+	name: "RichTextEditorControl",
+	inheritAttrs: false,
+	props: {
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		interactive: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: {
+			type: String,
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(rawProps, { attrs, slots }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorControl", defaultProps$1, rawProps);
+		const ctx = useRichTextEditorContext();
+		return () => (0, vue.h)(_mantine_vue_core.UnstyledButton, {
+			...attrs,
+			...ctx.getStyles("control", {
+				className: attrs.class,
+				style: attrs.style,
+				classNames: props.classNames,
+				styles: props.styles
+			}),
+			disabled: props.disabled,
+			"data-rich-text-editor-control": "",
+			tabindex: props.interactive ? 0 : -1,
+			"data-interactive": props.interactive || void 0,
+			"data-disabled": props.disabled || void 0,
+			"data-active": props.active || void 0,
+			"aria-pressed": props.active && props.interactive ? true : void 0,
+			"aria-hidden": !props.interactive || void 0,
+			unstyled: ctx.unstyled,
+			variant: props.variant || ctx.variant || "default",
+			onMousedown: (event) => {
+				event.preventDefault();
+				attrs.onMousedown?.(event);
+			}
+		}, slots);
+	}
+});
+Object.assign(RichTextEditorControl, { classes: RichTextEditor_module_default });
+var RichTextEditorControlBase = (0, vue.defineComponent)({
+	name: "RichTextEditorControlBase",
+	inheritAttrs: false,
+	props: {
+		icon: {
+			type: [Object, Function],
+			required: true
+		},
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		interactive: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: {
+			type: String,
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props, { attrs }) {
+		const ctx = useRichTextEditorContext();
+		return () => (0, vue.h)(RichTextEditorControl, {
+			...attrs,
+			...props
+		}, () => (0, vue.h)(props.icon, ctx.getStyles("controlIcon")));
+	}
+});
+function isSafeEditor(editor) {
+	return !!editor && !editor.isDestroyed;
+}
+function useEditorSelector(editor, selector) {
+	const tick = (0, vue.ref)(0);
+	const update = () => {
+		tick.value += 1;
+	};
+	const listen = (current) => {
+		current?.on("transaction", update);
+		current?.on("selectionUpdate", update);
+		current?.on("update", update);
+	};
+	const unlisten = (current) => {
+		current?.off("transaction", update);
+		current?.off("selectionUpdate", update);
+		current?.off("update", update);
+	};
+	const stop = (0, vue.watch)(editor, (current, previous) => {
+		unlisten(previous);
+		listen(current);
+		update();
+	}, { immediate: true });
+	(0, vue.onBeforeUnmount)(() => {
+		stop();
+		unlisten(editor());
+	});
+	return (0, vue.computed)(() => {
+		tick.value;
+		return selector(editor());
+	});
+}
+function createControl({ label, isActive, operation, icon, isDisabled }) {
+	return (0, vue.defineComponent)({
+		name: `RichTextEditor${String(label)}`,
+		inheritAttrs: false,
+		props: {
+			icon: {
+				type: [Object, Function],
+				default: void 0
+			},
+			active: {
+				type: Boolean,
+				default: void 0
+			},
+			interactive: {
+				type: Boolean,
+				default: void 0
+			},
+			disabled: {
+				type: Boolean,
+				default: void 0
+			},
+			variant: {
+				type: String,
+				default: void 0
+			},
+			classNames: {
+				type: [Object, Function],
+				default: void 0
+			},
+			styles: {
+				type: [Object, Function],
+				default: void 0
+			}
+		},
+		setup(props, { attrs }) {
+			const ctx = useRichTextEditorContext();
+			const editorState = useEditorSelector(() => ctx.editor, (editor) => {
+				const safeEditor = isSafeEditor(editor) ? editor : null;
+				return {
+					active: safeEditor && isActive?.name ? safeEditor.isActive(isActive.name, isActive.attributes) : false,
+					disabled: safeEditor ? isDisabled?.(safeEditor) ?? false : true
+				};
+			});
+			return () => {
+				const controlLabel = ctx.labels[label];
+				return (0, vue.h)(RichTextEditorControlBase, {
+					...attrs,
+					...props,
+					"aria-label": controlLabel,
+					title: controlLabel,
+					active: props.active ?? editorState.value.active,
+					icon: props.icon || icon,
+					disabled: props.disabled ?? editorState.value.disabled,
+					onClick: () => {
+						if (!isSafeEditor(ctx.editor)) return;
+						ctx.editor.chain().focus()[operation.name](operation.attributes).run();
+					}
+				});
+			};
+		}
+	});
+}
+function renderControlIcon(Icon) {
+	return (0, vue.h)(_mantine_vue_core.Box, {
+		component: Icon,
+		class: RichTextEditor_module_default.controlIcon
+	});
+}
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorColorControl.ts
+var RichTextEditorColorControl = (0, vue.defineComponent)({
+	name: "RichTextEditorColorControl",
+	inheritAttrs: false,
+	props: { color: {
+		type: String,
+		required: true
+	} },
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorColorControl", null, rawProps);
+		const ctx = useRichTextEditorContext();
+		return () => {
+			const currentColor = ctx.editor?.getAttributes("textStyle").color || null;
+			const label = ctx.labels.colorControlLabel(props.color);
+			return (0, vue.h)(RichTextEditorControl, {
+				...attrs,
+				variant: ctx.variant,
+				active: currentColor === props.color,
+				"aria-label": label,
+				title: label,
+				onClick: () => (ctx.editor?.chain())?.focus().setColor(props.color).run()
+			}, () => (0, vue.h)(_mantine_vue_core.ColorSwatch, {
+				color: props.color,
+				size: 14
+			}));
+		};
+	}
+});
+//#endregion
+//#region src/icons/Icons.ts
+function createIcon(name, children) {
+	return (0, vue.defineComponent)({
+		name,
+		inheritAttrs: false,
+		setup(_, { attrs }) {
+			return () => (0, vue.h)("svg", {
+				...attrs,
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 24 24",
+				strokeWidth: "1.5",
+				stroke: "currentColor",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}, [(0, vue.h)("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}), ...children]);
+		}
+	});
+}
+var path = (d) => (0, vue.h)("path", { d });
+var IconBold = createIcon("IconBold", [path("M7 5h6a3.5 3.5 0 0 1 0 7h-6z"), path("M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7")]);
+var IconItalic = createIcon("IconItalic", [
+	path("M11 5l6 0"),
+	path("M7 19l6 0"),
+	path("M14 5l-4 14")
+]);
+var IconUnderline = createIcon("IconUnderline", [path("M7 5v5a5 5 0 0 0 10 0v-5"), path("M5 19h14")]);
+var IconStrikethrough = createIcon("IconStrikethrough", [path("M5 12l14 0"), path("M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5")]);
+var IconClearFormatting = createIcon("IconClearFormatting", [
+	path("M17 15l4 4m0 -4l-4 4"),
+	path("M7 6v-1h11v1"),
+	path("M7 19l4 0"),
+	path("M13 5l-4 14")
+]);
+var IconH1 = createIcon("IconH1", [
+	path("M19 18v-8l-2 2"),
+	path("M4 6v12"),
+	path("M12 6v12"),
+	path("M11 18h2"),
+	path("M3 18h2"),
+	path("M4 12h8"),
+	path("M3 6h2"),
+	path("M11 6h2")
+]);
+var IconH2 = createIcon("IconH2", [
+	path("M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0"),
+	path("M4 6v12"),
+	path("M12 6v12"),
+	path("M11 18h2"),
+	path("M3 18h2"),
+	path("M4 12h8"),
+	path("M3 6h2"),
+	path("M11 6h2")
+]);
+var IconH3 = createIcon("IconH3", [
+	path("M19 14a2 2 0 1 0 -2 -2"),
+	path("M17 16a2 2 0 1 0 2 -2"),
+	path("M4 6v12"),
+	path("M12 6v12"),
+	path("M11 18h2"),
+	path("M3 18h2"),
+	path("M4 12h8"),
+	path("M3 6h2"),
+	path("M11 6h2")
+]);
+var IconH4 = createIcon("IconH4", [
+	path("M20 18v-8l-4 6h5"),
+	path("M4 6v12"),
+	path("M12 6v12"),
+	path("M11 18h2"),
+	path("M3 18h2"),
+	path("M4 12h8"),
+	path("M3 6h2"),
+	path("M11 6h2")
+]);
+var IconH5 = createIcon("IconH5", [
+	path("M17 18h2a2 2 0 1 0 0 -4h-2v-4h4"),
+	path("M4 6v12"),
+	path("M12 6v12"),
+	path("M11 18h2"),
+	path("M3 18h2"),
+	path("M4 12h8"),
+	path("M3 6h2"),
+	path("M11 6h2")
+]);
+var IconH6 = createIcon("IconH6", [
+	path("M19 14a2 2 0 1 0 0 4a2 2 0 0 0 0 -4z"),
+	path("M21 12a2 2 0 1 0 -4 0v4"),
+	path("M4 6v12"),
+	path("M12 6v12"),
+	path("M11 18h2"),
+	path("M3 18h2"),
+	path("M4 12h8"),
+	path("M3 6h2"),
+	path("M11 6h2")
+]);
+var IconList = createIcon("IconList", [
+	path("M9 6l11 0"),
+	path("M9 12l11 0"),
+	path("M9 18l11 0"),
+	path("M5 6l0 .01"),
+	path("M5 12l0 .01"),
+	path("M5 18l0 .01")
+]);
+var IconListNumbers = createIcon("IconListNumbers", [
+	path("M11 6h9"),
+	path("M11 12h9"),
+	path("M12 18h8"),
+	path("M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4"),
+	path("M6 10v-6l-2 2")
+]);
+var IconUnlink = createIcon("IconUnlink", [
+	path("M17 22v-2"),
+	path("M9 15l6 -6"),
+	path("M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"),
+	path("M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"),
+	path("M20 17h2"),
+	path("M2 7h2"),
+	path("M7 2v2")
+]);
+var IconBlockquote = createIcon("IconBlockquote", [
+	path("M6 15h15"),
+	path("M21 19h-15"),
+	path("M15 11h6"),
+	path("M21 7h-6"),
+	path("M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2"),
+	path("M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2")
+]);
+var IconAlignLeft = createIcon("IconAlignLeft", [
+	path("M4 6l16 0"),
+	path("M4 12l10 0"),
+	path("M4 18l14 0")
+]);
+var IconAlignRight = createIcon("IconAlignRight", [
+	path("M4 6l16 0"),
+	path("M10 12l10 0"),
+	path("M6 18l14 0")
+]);
+var IconAlignCenter = createIcon("IconAlignCenter", [
+	path("M4 6l16 0"),
+	path("M8 12l8 0"),
+	path("M6 18l12 0")
+]);
+var IconAlignJustified = createIcon("IconAlignJustified", [
+	path("M4 6l16 0"),
+	path("M4 12l16 0"),
+	path("M4 18l12 0")
+]);
+var IconSubscript = createIcon("IconSubscript", [path("M5 7l8 10m-8 0l8 -10"), path("M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2")]);
+var IconSuperscript = createIcon("IconSuperscript", [path("M5 7l8 10m-8 0l8 -10"), path("M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2")]);
+var IconCode = createIcon("IconCode", [
+	path("M7 8l-4 4l4 4"),
+	path("M17 8l4 4l-4 4"),
+	path("M14 4l-4 16")
+]);
+var IconHighlight = createIcon("IconHighlight", [
+	path("M3 19h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4"),
+	path("M12.5 5.5l4 4"),
+	path("M4.5 13.5l4 4"),
+	path("M21 15v4h-8l4 -4z")
+]);
+var IconLineDashed = createIcon("IconLineDashed", [
+	path("M5 12h2"),
+	path("M17 12h2"),
+	path("M11 12h2")
+]);
+var IconCircleOff = createIcon("IconCircleOff", [path("M20.042 16.045a9 9 0 0 0 -12.087 -12.087m-2.318 1.677a9 9 0 1 0 12.725 12.73"), path("M3 3l18 18")]);
+var IconColorPicker = createIcon("IconColorPicker", [path("M11 7l6 6"), path("M4 16l11.7 -11.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-11.7 11.7h-4v-4z")]);
+var IconX = createIcon("IconX", [path("M18 6l-12 12"), path("M6 6l12 12")]);
+var IconPalette = createIcon("IconPalette", [
+	path("M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25"),
+	path("M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"),
+	path("M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"),
+	path("M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0")
+]);
+var IconCheck = createIcon("IconCheck", [path("M5 12l5 5l10 -10")]);
+var IconLink = createIcon("IconLink", [
+	path("M9 15l6 -6"),
+	path("M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"),
+	path("M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463")
+]);
+var IconExternalLink = createIcon("IconExternalLink", [
+	path("M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"),
+	path("M11 13l9 -9"),
+	path("M15 4h5v5")
+]);
+var IconArrowBackUp = createIcon("IconArrowBackUp", [path("M9 14l-4 -4l4 -4"), path("M5 10h11a4 4 0 1 1 0 8h-1")]);
+var IconArrowForwardUp = createIcon("IconArrowForwardUp", [path("M15 14l4 -4l-4 -4"), path("M19 10h-11a4 4 0 1 0 0 8h1")]);
+var IconListCheck = createIcon("IconListCheck", [
+	path("M3.5 5.5l1.5 1.5l2.5 -2.5"),
+	path("M3.5 11.5l1.5 1.5l2.5 -2.5"),
+	path("M3.5 17.5l1.5 1.5l2.5 -2.5"),
+	path("M11 6l9 0"),
+	path("M11 12l9 0"),
+	path("M11 18l9 0")
+]);
+var IconIndentIncrease = createIcon("IconIndentIncrease", [
+	path("M20 6l-11 0"),
+	path("M20 12l-7 0"),
+	path("M20 18l-11 0"),
+	path("M4 8l4 4l-4 4")
+]);
+var IconIndentDecrease = createIcon("IconIndentDecrease", [
+	path("M20 6l-7 0"),
+	path("M20 12l-9 0"),
+	path("M20 18l-7 0"),
+	path("M8 8l-4 4l4 4")
+]);
+var IconBraces = createIcon("IconBraces", [
+	path("M19 3v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7.914a1 1 0 0 1 .293-.707l3.914-3.914A1 1 0 0 1 9.914 3H18a1 1 0 0 1 1 1Z"),
+	path("M10 11l-2 2 2 2"),
+	path("M14 11l2 2-2 2")
+]);
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorColorPickerControl.ts
+var RichTextEditorColorPickerControl = (0, vue.defineComponent)({
+	name: "RichTextEditorColorPickerControl",
+	inheritAttrs: false,
+	props: {
+		popoverProps: {
+			type: Object,
+			default: void 0
+		},
+		colorPickerProps: {
+			type: Object,
+			default: void 0
+		},
+		colors: {
+			type: Array,
+			required: true
+		}
+	},
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorColorPickerControl", null, rawProps);
+		const ctx = useRichTextEditorContext();
+		const [opened, handlers] = (0, _mantine_vue_hooks.useDisclosure)(false);
+		const state = (0, vue.ref)("palette");
+		const handleChange = (value, shouldClose = true) => {
+			(ctx.editor?.chain())?.focus().setColor(value).run();
+			if (shouldClose) handlers.close();
+		};
+		const handleClear = () => {
+			(ctx.editor?.chain())?.focus().unsetColor().run();
+			handlers.close();
+		};
+		return () => {
+			const currentColor = ctx.editor?.getAttributes("textStyle").color || "var(--mantine-color-text)";
+			return (0, vue.h)(_mantine_vue_core.Popover, {
+				opened: opened.value,
+				withinPortal: true,
+				trapFocus: true,
+				onChange: (nextOpened) => !nextOpened && handlers.close(),
+				...props.popoverProps
+			}, { default: () => [(0, vue.h)(_mantine_vue_core.Popover.Target, null, () => (0, vue.h)(RichTextEditorControl, {
+				...attrs,
+				variant: ctx.variant,
+				"aria-label": ctx.labels.colorPickerControlLabel,
+				title: ctx.labels.colorPickerControlLabel,
+				onClick: handlers.toggle
+			}, () => (0, vue.h)(_mantine_vue_core.ColorSwatch, {
+				color: currentColor,
+				size: 14
+			}))), (0, vue.h)(_mantine_vue_core.Popover.Dropdown, ctx.getStyles("linkEditorDropdown"), () => [
+				state.value === "palette" ? (0, vue.h)(_mantine_vue_core.SimpleGrid, {
+					cols: 7,
+					spacing: 2
+				}, () => props.colors.map((color, index) => (0, vue.h)(_mantine_vue_core.ColorSwatch, {
+					key: index,
+					component: "button",
+					color,
+					onClick: () => handleChange(color),
+					size: 26,
+					radius: "xs",
+					style: { cursor: "pointer" },
+					title: ctx.labels.colorPickerColorLabel(color),
+					"aria-label": ctx.labels.colorPickerColorLabel(color)
+				}))) : null,
+				state.value === "colorPicker" ? (0, vue.h)(_mantine_vue_core.ColorPicker, {
+					defaultValue: currentColor,
+					onChange: (value) => handleChange(value, false),
+					...props.colorPickerProps
+				}) : null,
+				(0, vue.h)(_mantine_vue_core.Group, {
+					justify: "flex-end",
+					gap: "xs",
+					mt: "sm"
+				}, () => [
+					state.value === "palette" ? (0, vue.h)(_mantine_vue_core.ActionIcon, {
+						variant: "default",
+						onClick: handlers.close,
+						title: ctx.labels.colorPickerCancel,
+						"aria-label": ctx.labels.colorPickerCancel
+					}, () => (0, vue.h)(IconX, { style: {
+						width: (0, _mantine_vue_core.rem)(16),
+						height: (0, _mantine_vue_core.rem)(16)
+					} })) : null,
+					(0, vue.h)(_mantine_vue_core.ActionIcon, {
+						variant: "default",
+						onClick: handleClear,
+						title: ctx.labels.colorPickerClear,
+						"aria-label": ctx.labels.colorPickerClear
+					}, () => (0, vue.h)(IconCircleOff, { style: {
+						width: (0, _mantine_vue_core.rem)(16),
+						height: (0, _mantine_vue_core.rem)(16)
+					} })),
+					state.value === "palette" ? (0, vue.h)(_mantine_vue_core.ActionIcon, {
+						variant: "default",
+						onClick: () => {
+							state.value = "colorPicker";
+						},
+						title: ctx.labels.colorPickerColorPicker,
+						"aria-label": ctx.labels.colorPickerColorPicker
+					}, () => (0, vue.h)(IconColorPicker, { style: {
+						width: (0, _mantine_vue_core.rem)(16),
+						height: (0, _mantine_vue_core.rem)(16)
+					} })) : (0, vue.h)(_mantine_vue_core.ActionIcon, {
+						variant: "default",
+						onClick: () => {
+							state.value = "palette";
+						},
+						title: ctx.labels.colorPickerPalette,
+						"aria-label": ctx.labels.colorPickerPalette
+					}, () => (0, vue.h)(IconPalette, { style: {
+						width: (0, _mantine_vue_core.rem)(16),
+						height: (0, _mantine_vue_core.rem)(16)
+					} })),
+					state.value === "colorPicker" ? (0, vue.h)(_mantine_vue_core.ActionIcon, {
+						variant: "default",
+						onClick: handlers.close,
+						title: ctx.labels.colorPickerSave,
+						"aria-label": ctx.labels.colorPickerSave
+					}, () => (0, vue.h)(IconCheck, { style: {
+						width: (0, _mantine_vue_core.rem)(16),
+						height: (0, _mantine_vue_core.rem)(16)
+					} })) : null
+				])
+			])] });
+		};
+	}
+});
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorLinkControl.ts
+var RichTextEditorLinkControl = (0, vue.defineComponent)({
+	name: "RichTextEditorLinkControl",
+	inheritAttrs: false,
+	props: {
+		popoverProps: {
+			type: Object,
+			default: void 0
+		},
+		disableTooltips: {
+			type: Boolean,
+			default: false
+		},
+		initialExternal: {
+			type: Boolean,
+			default: false
+		},
+		icon: {
+			type: [Object, Function],
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(rawProps, { attrs }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorLinkControl", null, rawProps);
+		const ctx = useRichTextEditorContext();
+		const url = (0, vue.ref)("");
+		const external = (0, vue.ref)(props.initialExternal);
+		const [opened, handlers] = (0, _mantine_vue_hooks.useDisclosure)(false);
+		const handleOpen = () => {
+			handlers.open();
+			const linkData = ctx.editor?.getAttributes("link");
+			url.value = linkData?.href || "";
+			external.value = linkData?.href ? linkData?.target === "_blank" : !!props.initialExternal;
+		};
+		const handleClose = () => {
+			handlers.close();
+			url.value = "";
+			external.value = !!props.initialExternal;
+		};
+		const setLink = () => {
+			handleClose();
+			if (url.value === "") ctx.editor?.chain().focus().extendMarkRange("link").unsetLink().run();
+			else ctx.editor?.chain().focus().extendMarkRange("link").setLink({
+				href: url.value,
+				target: external.value ? "_blank" : null
+			}).run();
+		};
+		(0, _mantine_vue_hooks.useWindowEvent)("edit-link", handleOpen);
+		return () => {
+			const stylesApiProps = {
+				classNames: props.classNames,
+				styles: props.styles
+			};
+			const active = ctx.editor && !ctx.editor.isDestroyed ? ctx.editor.isActive("link") : false;
+			return (0, vue.h)(_mantine_vue_core.Popover, {
+				trapFocus: true,
+				shadow: "md",
+				withinPortal: true,
+				opened: opened.value,
+				onChange: (nextOpened) => !nextOpened && handleClose(),
+				offset: -44,
+				zIndex: 1e4,
+				...props.popoverProps
+			}, { default: () => [(0, vue.h)(_mantine_vue_core.Popover.Target, null, () => (0, vue.h)(RichTextEditorControlBase, {
+				...attrs,
+				icon: props.icon || IconLink,
+				"aria-label": ctx.labels.linkControlLabel,
+				title: ctx.labels.linkControlLabel,
+				onClick: handleOpen,
+				active,
+				classNames: props.classNames,
+				styles: props.styles,
+				variant: ctx.variant
+			})), (0, vue.h)(_mantine_vue_core.Popover.Dropdown, ctx.getStyles("linkEditorDropdown", stylesApiProps), () => (0, vue.h)("div", ctx.getStyles("linkEditor", stylesApiProps), [(0, vue.h)(_mantine_vue_core.TextInput, {
+				placeholder: ctx.labels.linkEditorInputPlaceholder,
+				"aria-label": ctx.labels.linkEditorInputLabel,
+				type: "url",
+				value: url.value,
+				onInput: (event) => {
+					url.value = event.currentTarget.value;
+				},
+				classNames: { input: ctx.getStyles("linkEditorInput", stylesApiProps).class },
+				onKeydown: (event) => {
+					if (event.key === "Enter") {
+						event.preventDefault();
+						setLink();
+					}
+				},
+				rightSection: () => (0, vue.h)(_mantine_vue_core.Tooltip, {
+					label: external.value ? ctx.labels.linkEditorExternalLink : ctx.labels.linkEditorInternalLink,
+					events: {
+						hover: true,
+						focus: true,
+						touch: true
+					},
+					withinPortal: true,
+					withArrow: true,
+					disabled: props.disableTooltips,
+					zIndex: 1e4
+				}, () => (0, vue.h)(_mantine_vue_core.UnstyledButton, {
+					onClick: () => {
+						external.value = !external.value;
+					},
+					"data-active": external.value || void 0,
+					...ctx.getStyles("linkEditorExternalControl", stylesApiProps)
+				}, () => (0, vue.h)(IconExternalLink, { style: {
+					width: (0, _mantine_vue_core.rem)(14),
+					height: (0, _mantine_vue_core.rem)(14)
+				} })))
+			}), (0, vue.h)(_mantine_vue_core.Button, {
+				variant: "default",
+				onClick: setLink,
+				...ctx.getStyles("linkEditorSave", stylesApiProps)
+			}, () => ctx.labels.linkEditorSave)]))] });
+		};
+	}
+});
+Object.assign(RichTextEditorLinkControl, { classes: RichTextEditor_module_default });
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorSourceCodeControl.ts
+var RichTextEditorSourceCodeControl = (0, vue.defineComponent)({
+	name: "RichTextEditorSourceCodeControl",
+	inheritAttrs: false,
+	setup(rawProps, { attrs }) {
+		(0, _mantine_vue_core.useProps)("RichTextEditorSourceCodeControl", {}, rawProps);
+		const ctx = useRichTextEditorContext();
+		const isSourceCodeModeActive = (0, vue.ref)(false);
+		const handleStateChange = () => {
+			if (isSourceCodeModeActive.value) ctx.editor?.commands.setContent(ctx.editor.getText(), { emitUpdate: true });
+			else ctx.editor?.commands.setContent(`<textarea>${ctx.editor.getHTML()}</textarea>`);
+			isSourceCodeModeActive.value = !isSourceCodeModeActive.value;
+			ctx.onSourceCodeTextSwitch?.(isSourceCodeModeActive.value);
+		};
+		return () => (0, vue.h)(RichTextEditorControl, {
+			...attrs,
+			variant: ctx.variant,
+			active: isSourceCodeModeActive.value,
+			"aria-label": ctx.labels.sourceCodeControlLabel,
+			title: ctx.labels.sourceCodeControlLabel,
+			onClick: handleStateChange
+		}, () => (0, vue.h)(IconBraces, { style: {
+			width: (0, _mantine_vue_core.rem)(16),
+			height: (0, _mantine_vue_core.rem)(16)
+		} }));
+	}
+});
+//#endregion
+//#region src/RichTextEditorControl/controls.ts
+var BoldControl = createControl({
+	label: "boldControlLabel",
+	icon: IconBold,
+	isActive: { name: "bold" },
+	operation: { name: "toggleBold" }
+});
+var ItalicControl = createControl({
+	label: "italicControlLabel",
+	icon: IconItalic,
+	isActive: { name: "italic" },
+	operation: { name: "toggleItalic" }
+});
+var UnderlineControl = createControl({
+	label: "underlineControlLabel",
+	icon: IconUnderline,
+	isActive: { name: "underline" },
+	operation: { name: "toggleUnderline" }
+});
+var StrikeThroughControl = createControl({
+	label: "strikeControlLabel",
+	icon: IconStrikethrough,
+	isActive: { name: "strike" },
+	operation: { name: "toggleStrike" }
+});
+var ClearFormattingControl = createControl({
+	label: "clearFormattingControlLabel",
+	icon: IconClearFormatting,
+	operation: { name: "unsetAllMarks" }
+});
+var UnlinkControl = createControl({
+	label: "unlinkControlLabel",
+	icon: IconUnlink,
+	operation: { name: "unsetLink" }
+});
+var BulletListControl = createControl({
+	label: "bulletListControlLabel",
+	icon: IconList,
+	isActive: { name: "bulletList" },
+	operation: { name: "toggleBulletList" }
+});
+var OrderedListControl = createControl({
+	label: "orderedListControlLabel",
+	icon: IconListNumbers,
+	isActive: { name: "orderedList" },
+	operation: { name: "toggleOrderedList" }
+});
+var H1Control = createControl({
+	label: "h1ControlLabel",
+	icon: IconH1,
+	isActive: {
+		name: "heading",
+		attributes: { level: 1 }
+	},
+	operation: {
+		name: "toggleHeading",
+		attributes: { level: 1 }
+	}
+});
+var H2Control = createControl({
+	label: "h2ControlLabel",
+	icon: IconH2,
+	isActive: {
+		name: "heading",
+		attributes: { level: 2 }
+	},
+	operation: {
+		name: "toggleHeading",
+		attributes: { level: 2 }
+	}
+});
+var H3Control = createControl({
+	label: "h3ControlLabel",
+	icon: IconH3,
+	isActive: {
+		name: "heading",
+		attributes: { level: 3 }
+	},
+	operation: {
+		name: "toggleHeading",
+		attributes: { level: 3 }
+	}
+});
+var H4Control = createControl({
+	label: "h4ControlLabel",
+	icon: IconH4,
+	isActive: {
+		name: "heading",
+		attributes: { level: 4 }
+	},
+	operation: {
+		name: "toggleHeading",
+		attributes: { level: 4 }
+	}
+});
+var H5Control = createControl({
+	label: "h5ControlLabel",
+	icon: IconH5,
+	isActive: {
+		name: "heading",
+		attributes: { level: 5 }
+	},
+	operation: {
+		name: "toggleHeading",
+		attributes: { level: 5 }
+	}
+});
+var H6Control = createControl({
+	label: "h6ControlLabel",
+	icon: IconH6,
+	isActive: {
+		name: "heading",
+		attributes: { level: 6 }
+	},
+	operation: {
+		name: "toggleHeading",
+		attributes: { level: 6 }
+	}
+});
+var BlockquoteControl = createControl({
+	label: "blockquoteControlLabel",
+	icon: IconBlockquote,
+	isActive: { name: "blockquote" },
+	operation: { name: "toggleBlockquote" }
+});
+var AlignLeftControl = createControl({
+	label: "alignLeftControlLabel",
+	icon: IconAlignLeft,
+	operation: {
+		name: "setTextAlign",
+		attributes: "left"
+	}
+});
+var AlignRightControl = createControl({
+	label: "alignRightControlLabel",
+	icon: IconAlignRight,
+	operation: {
+		name: "setTextAlign",
+		attributes: "right"
+	}
+});
+var AlignCenterControl = createControl({
+	label: "alignCenterControlLabel",
+	icon: IconAlignCenter,
+	operation: {
+		name: "setTextAlign",
+		attributes: "center"
+	}
+});
+var AlignJustifyControl = createControl({
+	label: "alignJustifyControlLabel",
+	icon: IconAlignJustified,
+	operation: {
+		name: "setTextAlign",
+		attributes: "justify"
+	}
+});
+var SubscriptControl = createControl({
+	label: "subscriptControlLabel",
+	icon: IconSubscript,
+	isActive: { name: "subscript" },
+	operation: { name: "toggleSubscript" }
+});
+var SuperscriptControl = createControl({
+	label: "superscriptControlLabel",
+	icon: IconSuperscript,
+	isActive: { name: "superscript" },
+	operation: { name: "toggleSuperscript" }
+});
+var CodeControl = createControl({
+	label: "codeControlLabel",
+	icon: IconCode,
+	isActive: { name: "code" },
+	operation: { name: "toggleCode" }
+});
+var CodeBlockControl = createControl({
+	label: "codeBlockControlLabel",
+	icon: IconCode,
+	isActive: { name: "codeBlock" },
+	operation: { name: "toggleCodeBlock" }
+});
+var HighlightControl = createControl({
+	label: "highlightControlLabel",
+	icon: IconHighlight,
+	isActive: { name: "highlight" },
+	operation: { name: "toggleHighlight" }
+});
+var HrControl = createControl({
+	label: "hrControlLabel",
+	icon: IconLineDashed,
+	operation: { name: "setHorizontalRule" }
+});
+var UnsetColorControl = createControl({
+	label: "unsetColorControlLabel",
+	icon: IconCircleOff,
+	operation: { name: "unsetColor" }
+});
+var UndoControl = createControl({
+	label: "undoControlLabel",
+	icon: IconArrowBackUp,
+	isDisabled: (editor) => !(editor?.can())?.undo(),
+	operation: { name: "undo" }
+});
+var RedoControl = createControl({
+	label: "redoControlLabel",
+	icon: IconArrowForwardUp,
+	isDisabled: (editor) => !(editor?.can())?.redo(),
+	operation: { name: "redo" }
+});
+var TaskListControl = createControl({
+	label: "tasksControlLabel",
+	icon: IconListCheck,
+	isActive: { name: "taskList" },
+	operation: { name: "toggleTaskList" }
+});
+var TaskListSinkControl = createControl({
+	label: "tasksSinkLabel",
+	icon: IconIndentIncrease,
+	operation: {
+		name: "sinkListItem",
+		attributes: "taskItem"
+	},
+	isDisabled: (editor) => !editor?.can().sinkListItem("taskItem")
+});
+var TaskListLiftControl = createControl({
+	label: "tasksLiftLabel",
+	icon: IconIndentDecrease,
+	operation: {
+		name: "liftListItem",
+		attributes: "taskItem"
+	},
+	isDisabled: (editor) => !editor?.can().liftListItem("taskItem")
+});
+//#endregion
+//#region src/RichTextEditorControlsGroup/RichTextEditorControlsGroup.ts
+var RichTextEditorControlsGroup = (0, vue.defineComponent)({
+	name: "RichTextEditorControlsGroup",
+	inheritAttrs: false,
+	props: {
+		variant: {
+			type: String,
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(rawProps, { attrs, slots }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorControlsGroup", null, rawProps);
+		const ctx = useRichTextEditorContext();
+		return () => (0, vue.h)(_mantine_vue_core.Box, {
+			...attrs,
+			variant: props.variant || ctx.variant,
+			...ctx.getStyles("controlsGroup", {
+				className: attrs.class,
+				style: attrs.style,
+				styles: props.styles,
+				classNames: props.classNames
+			})
+		}, slots);
+	}
+});
+Object.assign(RichTextEditorControlsGroup, { classes: RichTextEditor_module_default });
+//#endregion
+//#region src/RichTextEditorToolbar/RichTextEditorToolbar.ts
+var RichTextEditorToolbar = (0, vue.defineComponent)({
+	name: "RichTextEditorToolbar",
+	inheritAttrs: false,
+	props: {
+		sticky: {
+			type: Boolean,
+			default: false
+		},
+		stickyOffset: {
+			type: [String, Number],
+			default: void 0
+		},
+		variant: {
+			type: String,
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		mod: {
+			type: [Object, Array],
+			default: void 0
+		}
+	},
+	setup(rawProps, { attrs, slots }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditorToolbar", null, rawProps);
+		const ctx = useRichTextEditorContext();
+		return () => (0, vue.h)(_mantine_vue_core.Box, {
+			...attrs,
+			mod: [{ sticky: props.sticky }, props.mod],
+			variant: props.variant || ctx.variant,
+			...ctx.getStyles("toolbar", {
+				className: attrs.class,
+				style: [attrs.style, { "--rte-sticky-offset": (0, _mantine_vue_core.rem)(props.stickyOffset) }],
+				styles: props.styles,
+				classNames: props.classNames
+			})
+		}, slots);
+	}
+});
+Object.assign(RichTextEditorToolbar, { classes: RichTextEditor_module_default });
+//#endregion
+//#region src/RichTextEditor.ts
+var defaultProps = {
+	withCodeHighlightStyles: true,
+	withTypographyStyles: true,
+	variant: "default"
+};
+var RichTextEditorBase = (0, vue.defineComponent)({
+	name: "RichTextEditor",
+	inheritAttrs: false,
+	props: {
+		editor: {
+			type: Object,
+			default: null
+		},
+		withCodeHighlightStyles: {
+			type: Boolean,
+			default: void 0
+		},
+		withTypographyStyles: {
+			type: Boolean,
+			default: void 0
+		},
+		onSourceCodeTextSwitch: {
+			type: Function,
+			default: void 0
+		},
+		labels: {
+			type: Object,
+			default: void 0
+		},
+		variant: {
+			type: String,
+			default: void 0
+		},
+		classNames: {
+			type: [Object, Function],
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		},
+		vars: {
+			type: [Object, Function],
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(rawProps, { attrs, slots }) {
+		const props = (0, _mantine_vue_core.useProps)("RichTextEditor", defaultProps, rawProps);
+		const getStyles = (0, _mantine_vue_core.useStyles)({
+			name: "RichTextEditor",
+			classes: RichTextEditor_module_default,
+			props,
+			className: attrs.class,
+			style: attrs.style,
+			classNames: props.classNames,
+			styles: props.styles,
+			vars: props.vars,
+			unstyled: props.unstyled
+		});
+		const mergedLabels = (0, vue.computed)(() => ({
+			...DEFAULT_LABELS,
+			...props.labels
+		}));
+		provideRichTextEditorContext({
+			get editor() {
+				return props.editor;
+			},
+			getStyles,
+			get labels() {
+				return mergedLabels.value;
+			},
+			get withCodeHighlightStyles() {
+				return props.withCodeHighlightStyles;
+			},
+			get withTypographyStyles() {
+				return props.withTypographyStyles;
+			},
+			get onSourceCodeTextSwitch() {
+				return props.onSourceCodeTextSwitch;
+			},
+			get unstyled() {
+				return props.unstyled;
+			},
+			get variant() {
+				return props.variant;
+			}
+		});
+		return () => (0, vue.h)(_mantine_vue_core.Box, {
+			...attrs,
+			...getStyles("root")
+		}, slots);
+	}
+});
+var RichTextEditor = Object.assign(RichTextEditorBase, {
+	classes: RichTextEditor_module_default,
+	Content: RichTextEditorContent,
+	Control: RichTextEditorControl,
+	Toolbar: RichTextEditorToolbar,
+	ControlsGroup: RichTextEditorControlsGroup,
+	Bold: BoldControl,
+	Italic: ItalicControl,
+	Strikethrough: StrikeThroughControl,
+	Underline: UnderlineControl,
+	ClearFormatting: ClearFormattingControl,
+	H1: H1Control,
+	H2: H2Control,
+	H3: H3Control,
+	H4: H4Control,
+	H5: H5Control,
+	H6: H6Control,
+	BulletList: BulletListControl,
+	OrderedList: OrderedListControl,
+	Link: RichTextEditorLinkControl,
+	Unlink: UnlinkControl,
+	Blockquote: BlockquoteControl,
+	AlignLeft: AlignLeftControl,
+	AlignRight: AlignRightControl,
+	AlignCenter: AlignCenterControl,
+	AlignJustify: AlignJustifyControl,
+	Superscript: SuperscriptControl,
+	Subscript: SubscriptControl,
+	Code: CodeControl,
+	CodeBlock: CodeBlockControl,
+	ColorPicker: RichTextEditorColorPickerControl,
+	Color: RichTextEditorColorControl,
+	Highlight: HighlightControl,
+	Hr: HrControl,
+	UnsetColor: UnsetColorControl,
+	Undo: UndoControl,
+	Redo: RedoControl,
+	TaskList: TaskListControl,
+	TaskListSink: TaskListSinkControl,
+	TaskListLift: TaskListLiftControl,
+	SourceCode: RichTextEditorSourceCodeControl
+});
+//#endregion
+//#region src/extensions/Link.ts
+var Link = _tiptap_extension_link.default.extend({ addKeyboardShortcuts: () => ({ "Mod-k": () => {
+	window.dispatchEvent(new Event("edit-link"));
+	return true;
+} }) }).configure({ openOnClick: false });
+//#endregion
+//#region src/extensions/TaskList.ts
+var getTaskListExtension = (TipTapTaskList) => TipTapTaskList.extend({ addKeyboardShortcuts: () => ({
+	"Mod-[": ({ editor }) => {
+		editor.chain().focus().liftListItem("taskItem").run();
+		return true;
+	},
+	"Mod-]": ({ editor }) => {
+		editor.chain().focus().sinkListItem("taskItem").run();
+		return true;
+	}
+}) }).configure({ HTMLAttributes: { class: `${RichTextEditor_module_default.taskList} mantine-RichTextEditor-taskList` } });
+//#endregion
+exports.AlignCenterControl = AlignCenterControl;
+exports.AlignJustifyControl = AlignJustifyControl;
+exports.AlignLeftControl = AlignLeftControl;
+exports.AlignRightControl = AlignRightControl;
+exports.BlockquoteControl = BlockquoteControl;
+exports.BoldControl = BoldControl;
+exports.BulletListControl = BulletListControl;
+exports.ClearFormattingControl = ClearFormattingControl;
+exports.CodeBlockControl = CodeBlockControl;
+exports.CodeControl = CodeControl;
+exports.DEFAULT_LABELS = DEFAULT_LABELS;
+exports.H1Control = H1Control;
+exports.H2Control = H2Control;
+exports.H3Control = H3Control;
+exports.H4Control = H4Control;
+exports.H5Control = H5Control;
+exports.H6Control = H6Control;
+exports.HighlightControl = HighlightControl;
+exports.HrControl = HrControl;
+exports.ItalicControl = ItalicControl;
+exports.Link = Link;
+exports.OrderedListControl = OrderedListControl;
+exports.RedoControl = RedoControl;
+exports.RichTextEditor = RichTextEditor;
+exports.RichTextEditorColorControl = RichTextEditorColorControl;
+exports.RichTextEditorColorPickerControl = RichTextEditorColorPickerControl;
+exports.RichTextEditorControl = RichTextEditorControl;
+exports.RichTextEditorControlBase = RichTextEditorControlBase;
+exports.RichTextEditorLinkControl = RichTextEditorLinkControl;
+exports.RichTextEditorSourceCodeControl = RichTextEditorSourceCodeControl;
+exports.StrikeThroughControl = StrikeThroughControl;
+exports.SubscriptControl = SubscriptControl;
+exports.SuperscriptControl = SuperscriptControl;
+exports.TaskListControl = TaskListControl;
+exports.TaskListLiftControl = TaskListLiftControl;
+exports.TaskListSinkControl = TaskListSinkControl;
+exports.UnderlineControl = UnderlineControl;
+exports.UndoControl = UndoControl;
+exports.UnlinkControl = UnlinkControl;
+exports.UnsetColorControl = UnsetColorControl;
+exports.createControl = createControl;
+exports.getTaskListExtension = getTaskListExtension;
+exports.renderControlIcon = renderControlIcon;
+exports.useRichTextEditorContext = useRichTextEditorContext;
+
+//# sourceMappingURL=index.cjs.map