@mantine-vue/tiptap 3.1.0 → 3.3.0

package/cjs/index.cjs

@@ -64,6 +64,21 @@ var DEFAULT_LABELS = {
 	tasksControlLabel: "Task list",
 	tasksSinkLabel: "Decrease task level",
 	tasksLiftLabel: "Increase task level",
+	tableInsertControlLabel: "Insert table",
+	tableInsertLabel: (columns, rows) => `Insert ${columns} × ${rows} table`,
+	tableDeleteControlLabel: "Delete table",
+	tableColumnBeforeControlLabel: "Add column before",
+	tableColumnAfterControlLabel: "Add column after",
+	tableColumnDeleteControlLabel: "Delete column",
+	tableRowBeforeControlLabel: "Add row before",
+	tableRowAfterControlLabel: "Add row after",
+	tableRowDeleteControlLabel: "Delete row",
+	tableToggleHeaderRowControlLabel: "Toggle header row",
+	tableToggleHeaderColumnControlLabel: "Toggle header column",
+	tableMergeCellsControlLabel: "Merge cells",
+	tableSplitCellControlLabel: "Split cell",
+	detailsControlLabel: "Toggle collapsible section",
+	invisibleCharactersControlLabel: "Toggle invisible characters",
 	linkEditorInputLabel: "Enter URL",
 	linkEditorInputPlaceholder: "https://example.com/",
 	linkEditorExternalLink: "Open link in a new tab",
@@ -80,19 +95,23 @@ var DEFAULT_LABELS = {
 //#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"
+	root: "_root_1avnr_1",
+	Typography: "_Typography_1avnr_19",
+	content: "_content_1avnr_47",
+	linkEditorDropdown: "_linkEditorDropdown_1avnr_292",
+	tableInsertDropdown: "_tableInsertDropdown_1avnr_296",
+	tableInsertGrid: "_tableInsertGrid_1avnr_301",
+	tableInsertCell: "_tableInsertCell_1avnr_307",
+	tableInsertLabel: "_tableInsertLabel_1avnr_324",
+	control: "_control_1avnr_331",
+	controlIcon: "_controlIcon_1avnr_406",
+	controlsGroup: "_controlsGroup_1avnr_411",
+	linkEditor: "_linkEditor_1avnr_292",
+	linkEditorInput: "_linkEditorInput_1avnr_440",
+	linkEditorExternalControl: "_linkEditorExternalControl_1avnr_446",
+	linkEditorSave: "_linkEditorSave_1avnr_476",
+	toolbar: "_toolbar_1avnr_481",
+	taskList: "_taskList_1avnr_515"
 };
 //#endregion
 //#region src/RichTextEditor.vue
@@ -756,6 +775,73 @@ var IconBraces = createIcon("IconBraces", [
 	path("M10 11l-2 2 2 2"),
 	path("M14 11l2 2-2 2")
 ]);
+var IconTablePlus = createIcon("IconTablePlus", [
+	path("M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5"),
+	path("M3 10h18"),
+	path("M10 3v18"),
+	path("M16 19h6"),
+	path("M19 16v6")
+]);
+var IconTableOff = createIcon("IconTableOff", [
+	path("M7 3h12a2 2 0 0 1 2 2v12m-.585 3.413a1.994 1.994 0 0 1 -1.415 .587h-14a2 2 0 0 1 -2 -2v-14c0 -.55 .223 -1.05 .583 -1.412"),
+	path("M3 10h7m4 0h7"),
+	path("M10 3v3m0 4v11"),
+	path("M3 3l18 18")
+]);
+var IconColumnInsertLeft = createIcon("IconColumnInsertLeft", [
+	path("M14 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z"),
+	path("M5 12l4 0"),
+	path("M7 10l0 4")
+]);
+var IconColumnInsertRight = createIcon("IconColumnInsertRight", [
+	path("M6 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z"),
+	path("M15 12l4 0"),
+	path("M17 10l0 4")
+]);
+var IconColumnRemove = createIcon("IconColumnRemove", [
+	path("M6 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z"),
+	path("M16 10l4 4"),
+	path("M16 14l4 -4")
+]);
+var IconRowInsertTop = createIcon("IconRowInsertTop", [
+	path("M4 18v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z"),
+	path("M12 9v-4"),
+	path("M10 7l4 0")
+]);
+var IconRowInsertBottom = createIcon("IconRowInsertBottom", [
+	path("M20 6v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1z"),
+	path("M12 15l0 4"),
+	path("M14 17l-4 0")
+]);
+var IconRowRemove = createIcon("IconRowRemove", [
+	path("M20 6v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1z"),
+	path("M10 16l4 4"),
+	path("M10 20l4 -4")
+]);
+var IconTableHeaderRow = createIcon("IconTableHeaderRow", [path("M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"), path("M4 9l16 0")]);
+var IconTableHeaderColumn = createIcon("IconTableHeaderColumn", [path("M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"), path("M9 4l0 16")]);
+var IconTableMergeCells = createIcon("IconTableMergeCells", [
+	path("M18 10h-4v-4"),
+	path("M20 4l-6 6"),
+	path("M6 14h4v4"),
+	path("M10 14l-6 6")
+]);
+var IconTableSplitCell = createIcon("IconTableSplitCell", [
+	path("M12 4l0 16"),
+	path("M8 8l-4 4l4 4"),
+	path("M16 16l4 -4l-4 -4")
+]);
+var IconDetails = createIcon("IconDetails", [
+	path("M8 5l3 3l-3 3"),
+	path("M15 8l4 0"),
+	path("M5 15l14 0"),
+	path("M5 19l14 0")
+]);
+var IconPilcrow = createIcon("IconPilcrow", [
+	path("M13 4v16"),
+	path("M17 4v16"),
+	path("M19 4h-9.5a4.5 4.5 0 0 0 0 9h3.5")
+]);
 //#endregion
 //#region src/RichTextEditorControl/RichTextEditorColorPickerControl.vue
 var RichTextEditorColorPickerControl_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1086,7 +1172,7 @@ var RichTextEditorSourceCodeControl_default = /* @__PURE__ */ (0, vue.defineComp
 		function toggleSourceCode() {
 			if (!isSafeEditor(ctx.editor)) return;
 			if (active.value) ctx.editor.commands.setContent(ctx.editor.getText(), { emitUpdate: true });
-			else ctx.editor.commands.setContent(`<textarea>${ctx.editor.getHTML()}</textarea>`);
+			else ctx.editor.commands.setContent(`<textarea>${ctx.editor.getHTML()}</textarea>`, { emitUpdate: false });
 			active.value = !active.value;
 			ctx.onSourceCodeTextSwitch?.(active.value);
 		}
@@ -1116,6 +1202,273 @@ var RichTextEditorSourceCodeControl_default = /* @__PURE__ */ (0, vue.defineComp
 //#region src/RichTextEditorControl/RichTextEditorSourceCodeControl.ts
 var RichTextEditorSourceCodeControl = (0, _mantine_vue_core.factory)(RichTextEditorSourceCodeControl_default, { classes: RichTextEditor_module_default });
 //#endregion
+//#region src/RichTextEditorControl/RichTextEditorTableInsertControl.vue
+var RichTextEditorTableInsertControl_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "RichTextEditorTableInsertControl",
+	inheritAttrs: false,
+	__name: "RichTextEditorTableInsertControl",
+	props: {
+		maxColumns: { default: 10 },
+		maxRows: { default: 10 },
+		withHeaderRow: {
+			type: Boolean,
+			default: true
+		},
+		popoverProps: { default: void 0 },
+		icon: { default: void 0 },
+		classNames: {},
+		styles: {},
+		vars: {},
+		unstyled: { type: Boolean },
+		active: { type: Boolean },
+		interactive: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const ctx = useRichTextEditorContext();
+		const opened = (0, vue.ref)(false);
+		const selected = (0, vue.ref)({
+			columns: 0,
+			rows: 0
+		});
+		const commandDisabled = useEditorSelector(() => ctx.editor, (editor) => !isSafeEditor(editor) || !editor.can().insertTable?.());
+		const disabled = (0, vue.computed)(() => props.disabled || commandDisabled.value);
+		const cells = (0, vue.computed)(() => Array.from({ length: props.maxRows * props.maxColumns }, (_, index) => ({
+			row: Math.floor(index / props.maxColumns) + 1,
+			column: index % props.maxColumns + 1
+		})));
+		const stylesApi = (0, vue.computed)(() => ({
+			classNames: props.classNames,
+			styles: props.styles
+		}));
+		function close() {
+			opened.value = false;
+			selected.value = {
+				columns: 0,
+				rows: 0
+			};
+		}
+		function insertTable(columns, rows) {
+			close();
+			if (isSafeEditor(ctx.editor)) ctx.editor.chain().focus().insertTable({
+				rows,
+				cols: columns,
+				withHeaderRow: props.withHeaderRow
+			}).run();
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_mantine_vue_core.Popover), (0, vue.mergeProps)({
+				opened: opened.value,
+				"within-portal": true,
+				"trap-focus": true,
+				shadow: "md",
+				position: "bottom-end"
+			}, props.popoverProps, { onChange: _cache[2] || (_cache[2] = (value) => !value && close()) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.Popover).Target, null, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(RichTextEditorControlBase_default, (0, vue.mergeProps)((0, vue.unref)(attrs), {
+						active: opened.value,
+						disabled: disabled.value,
+						variant: props.variant ?? (0, vue.unref)(ctx).variant,
+						"aria-label": (0, vue.unref)(ctx).labels.tableInsertControlLabel,
+						title: (0, vue.unref)(ctx).labels.tableInsertControlLabel,
+						onClick: _cache[0] || (_cache[0] = ($event) => opened.value ? close() : opened.value = true)
+					}), {
+						icon: (0, vue.withCtx)((iconProps) => [(0, vue.renderSlot)(_ctx.$slots, "icon", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(iconProps)), () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(props.icon ?? (0, vue.unref)(IconTablePlus)), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(iconProps)), null, 16))])]),
+						_: 3
+					}, 16, [
+						"active",
+						"disabled",
+						"variant",
+						"aria-label",
+						"title"
+					])]),
+					_: 3
+				}), (0, vue.createVNode)((0, vue.unref)(_mantine_vue_core.Popover).Dropdown, (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(ctx).getStyles("tableInsertDropdown", stylesApi.value))), {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)((0, vue.unref)(ctx).getStyles("tableInsertGrid", stylesApi.value), {
+						style: { "--rte-table-insert-columns": props.maxColumns },
+						onMouseleave: _cache[1] || (_cache[1] = ($event) => selected.value = {
+							columns: 0,
+							rows: 0
+						})
+					}), [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(cells.value, (cell) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_mantine_vue_core.UnstyledButton), (0, vue.mergeProps)({ key: `${cell.row}-${cell.column}` }, { ref_for: true }, (0, vue.unref)(ctx).getStyles("tableInsertCell", stylesApi.value), {
+							"data-active": cell.column <= selected.value.columns && cell.row <= selected.value.rows || void 0,
+							"aria-label": (0, vue.unref)(ctx).labels.tableInsertLabel(cell.column, cell.row),
+							onMouseenter: ($event) => selected.value = {
+								columns: cell.column,
+								rows: cell.row
+							},
+							onFocus: ($event) => selected.value = {
+								columns: cell.column,
+								rows: cell.row
+							},
+							onClick: ($event) => insertTable(cell.column, cell.row)
+						}), null, 16, [
+							"data-active",
+							"aria-label",
+							"onMouseenter",
+							"onFocus",
+							"onClick"
+						]);
+					}), 128))], 16), (0, vue.createElementVNode)("div", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(ctx).getStyles("tableInsertLabel", stylesApi.value))), (0, vue.toDisplayString)(selected.value.columns ? `${selected.value.columns} × ${selected.value.rows}` : (0, vue.unref)(ctx).labels.tableInsertControlLabel), 17)]),
+					_: 1
+				}, 16)]),
+				_: 3
+			}, 16, ["opened"]);
+		};
+	}
+});
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorDetailsControl.vue
+var RichTextEditorDetailsControl_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "RichTextEditorDetailsControl",
+	inheritAttrs: false,
+	__name: "RichTextEditorDetailsControl",
+	props: {
+		icon: { default: void 0 },
+		classNames: {},
+		styles: {},
+		vars: {},
+		unstyled: { type: Boolean },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		interactive: {
+			type: Boolean,
+			default: true
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const ctx = useRichTextEditorContext();
+		const state = useEditorSelector(() => ctx.editor, (editor) => {
+			const safeEditor = isSafeEditor(editor) ? editor : null;
+			if (!safeEditor) return {
+				active: false,
+				disabled: true
+			};
+			const commands = safeEditor.can();
+			const canSet = Boolean(commands.setDetails?.());
+			const canUnset = Boolean(commands.unsetDetails?.());
+			return {
+				active: canUnset,
+				disabled: !canSet && !canUnset
+			};
+		});
+		const active = (0, vue.computed)(() => props.active ?? state.value.active);
+		const disabled = (0, vue.computed)(() => props.disabled || state.value.disabled);
+		function toggle() {
+			if (!isSafeEditor(ctx.editor)) return;
+			const chain = ctx.editor.chain().focus();
+			if (ctx.editor.can().unsetDetails?.()) chain.unsetDetails().run();
+			else chain.setDetails().run();
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(RichTextEditorControlBase_default, (0, vue.mergeProps)((0, vue.unref)(attrs), {
+				active: active.value,
+				disabled: disabled.value,
+				interactive: props.interactive,
+				variant: props.variant ?? (0, vue.unref)(ctx).variant,
+				"aria-label": (0, vue.unref)(ctx).labels.detailsControlLabel,
+				title: (0, vue.unref)(ctx).labels.detailsControlLabel,
+				onClick: toggle
+			}), {
+				icon: (0, vue.withCtx)((iconProps) => [(0, vue.renderSlot)(_ctx.$slots, "icon", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(iconProps)), () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(props.icon ?? (0, vue.unref)(IconDetails)), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(iconProps)), null, 16))])]),
+				_: 3
+			}, 16, [
+				"active",
+				"disabled",
+				"interactive",
+				"variant",
+				"aria-label",
+				"title"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.vue
+var RichTextEditorInvisibleCharactersControl_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "RichTextEditorInvisibleCharactersControl",
+	inheritAttrs: false,
+	__name: "RichTextEditorInvisibleCharactersControl",
+	props: {
+		icon: { default: void 0 },
+		classNames: {},
+		styles: {},
+		vars: {},
+		unstyled: { type: Boolean },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		interactive: {
+			type: Boolean,
+			default: true
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = (0, vue.useAttrs)();
+		const ctx = useRichTextEditorContext();
+		const state = useEditorSelector(() => ctx.editor, (editor) => {
+			const safeEditor = isSafeEditor(editor) ? editor : null;
+			if (!safeEditor) return {
+				active: false,
+				disabled: true
+			};
+			return {
+				active: Boolean(safeEditor.storage.invisibleCharacters?.visibility?.()),
+				disabled: !safeEditor.can().toggleInvisibleCharacters?.()
+			};
+		});
+		const active = (0, vue.computed)(() => props.active ?? state.value.active);
+		const disabled = (0, vue.computed)(() => props.disabled || state.value.disabled);
+		function toggle() {
+			if (isSafeEditor(ctx.editor)) ctx.editor.chain().focus().toggleInvisibleCharacters().run();
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(RichTextEditorControlBase_default, (0, vue.mergeProps)((0, vue.unref)(attrs), {
+				active: active.value,
+				disabled: disabled.value,
+				interactive: props.interactive,
+				variant: props.variant ?? (0, vue.unref)(ctx).variant,
+				"aria-label": (0, vue.unref)(ctx).labels.invisibleCharactersControlLabel,
+				title: (0, vue.unref)(ctx).labels.invisibleCharactersControlLabel,
+				onClick: toggle
+			}), {
+				icon: (0, vue.withCtx)((iconProps) => [(0, vue.renderSlot)(_ctx.$slots, "icon", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(iconProps)), () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(props.icon ?? (0, vue.unref)(IconPilcrow)), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(iconProps)), null, 16))])]),
+				_: 3
+			}, 16, [
+				"active",
+				"disabled",
+				"interactive",
+				"variant",
+				"aria-label",
+				"title"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/RichTextEditorControl/controls.ts
 var BoldControl = createControl({
 	label: "boldControlLabel",
@@ -1349,6 +1702,72 @@ var TaskListLiftControl = createControl({
 	},
 	isDisabled: (editor) => !editor?.can().liftListItem("taskItem")
 });
+var TableDeleteControl = createControl({
+	label: "tableDeleteControlLabel",
+	icon: IconTableOff,
+	operation: { name: "deleteTable" },
+	isDisabled: (editor) => !editor.can().deleteTable?.()
+});
+var TableColumnBeforeControl = createControl({
+	label: "tableColumnBeforeControlLabel",
+	icon: IconColumnInsertLeft,
+	operation: { name: "addColumnBefore" },
+	isDisabled: (editor) => !editor.can().addColumnBefore?.()
+});
+var TableColumnAfterControl = createControl({
+	label: "tableColumnAfterControlLabel",
+	icon: IconColumnInsertRight,
+	operation: { name: "addColumnAfter" },
+	isDisabled: (editor) => !editor.can().addColumnAfter?.()
+});
+var TableColumnDeleteControl = createControl({
+	label: "tableColumnDeleteControlLabel",
+	icon: IconColumnRemove,
+	operation: { name: "deleteColumn" },
+	isDisabled: (editor) => !editor.can().deleteColumn?.()
+});
+var TableRowBeforeControl = createControl({
+	label: "tableRowBeforeControlLabel",
+	icon: IconRowInsertTop,
+	operation: { name: "addRowBefore" },
+	isDisabled: (editor) => !editor.can().addRowBefore?.()
+});
+var TableRowAfterControl = createControl({
+	label: "tableRowAfterControlLabel",
+	icon: IconRowInsertBottom,
+	operation: { name: "addRowAfter" },
+	isDisabled: (editor) => !editor.can().addRowAfter?.()
+});
+var TableRowDeleteControl = createControl({
+	label: "tableRowDeleteControlLabel",
+	icon: IconRowRemove,
+	operation: { name: "deleteRow" },
+	isDisabled: (editor) => !editor.can().deleteRow?.()
+});
+var TableToggleHeaderRowControl = createControl({
+	label: "tableToggleHeaderRowControlLabel",
+	icon: IconTableHeaderRow,
+	operation: { name: "toggleHeaderRow" },
+	isDisabled: (editor) => !editor.can().toggleHeaderRow?.()
+});
+var TableToggleHeaderColumnControl = createControl({
+	label: "tableToggleHeaderColumnControlLabel",
+	icon: IconTableHeaderColumn,
+	operation: { name: "toggleHeaderColumn" },
+	isDisabled: (editor) => !editor.can().toggleHeaderColumn?.()
+});
+var TableMergeCellsControl = createControl({
+	label: "tableMergeCellsControlLabel",
+	icon: IconTableMergeCells,
+	operation: { name: "mergeCells" },
+	isDisabled: (editor) => !editor.can().mergeCells?.()
+});
+var TableSplitCellControl = createControl({
+	label: "tableSplitCellControlLabel",
+	icon: IconTableSplitCell,
+	operation: { name: "splitCell" },
+	isDisabled: (editor) => !editor.can().splitCell?.()
+});
 //#endregion
 //#region src/RichTextEditorControlsGroup/RichTextEditorControlsGroup.vue
 var RichTextEditorControlsGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -1482,7 +1901,21 @@ var RichTextEditor = (0, _mantine_vue_core.factory)(RichTextEditor_default, {
 	TaskList: TaskListControl,
 	TaskListSink: TaskListSinkControl,
 	TaskListLift: TaskListLiftControl,
-	SourceCode: RichTextEditorSourceCodeControl
+	SourceCode: RichTextEditorSourceCodeControl,
+	TableInsert: RichTextEditorTableInsertControl_default,
+	TableDelete: TableDeleteControl,
+	TableColumnBefore: TableColumnBeforeControl,
+	TableColumnAfter: TableColumnAfterControl,
+	TableColumnDelete: TableColumnDeleteControl,
+	TableRowBefore: TableRowBeforeControl,
+	TableRowAfter: TableRowAfterControl,
+	TableRowDelete: TableRowDeleteControl,
+	TableToggleHeaderRow: TableToggleHeaderRowControl,
+	TableToggleHeaderColumn: TableToggleHeaderColumnControl,
+	TableMergeCells: TableMergeCellsControl,
+	TableSplitCell: TableSplitCellControl,
+	Details: RichTextEditorDetailsControl_default,
+	InvisibleCharacters: RichTextEditorInvisibleCharactersControl_default
 });
 //#endregion
 //#region src/extensions/Link.ts
@@ -1531,11 +1964,25 @@ exports.RichTextEditorColorControl = RichTextEditorColorControl;
 exports.RichTextEditorColorPickerControl = RichTextEditorColorPickerControl;
 exports.RichTextEditorControl = RichTextEditorControl;
 exports.RichTextEditorControlBase = RichTextEditorControlBase;
+exports.RichTextEditorDetailsControl = RichTextEditorDetailsControl_default;
+exports.RichTextEditorInvisibleCharactersControl = RichTextEditorInvisibleCharactersControl_default;
 exports.RichTextEditorLinkControl = RichTextEditorLinkControl;
 exports.RichTextEditorSourceCodeControl = RichTextEditorSourceCodeControl;
+exports.RichTextEditorTableInsertControl = RichTextEditorTableInsertControl_default;
 exports.StrikeThroughControl = StrikeThroughControl;
 exports.SubscriptControl = SubscriptControl;
 exports.SuperscriptControl = SuperscriptControl;
+exports.TableColumnAfterControl = TableColumnAfterControl;
+exports.TableColumnBeforeControl = TableColumnBeforeControl;
+exports.TableColumnDeleteControl = TableColumnDeleteControl;
+exports.TableDeleteControl = TableDeleteControl;
+exports.TableMergeCellsControl = TableMergeCellsControl;
+exports.TableRowAfterControl = TableRowAfterControl;
+exports.TableRowBeforeControl = TableRowBeforeControl;
+exports.TableRowDeleteControl = TableRowDeleteControl;
+exports.TableSplitCellControl = TableSplitCellControl;
+exports.TableToggleHeaderColumnControl = TableToggleHeaderColumnControl;
+exports.TableToggleHeaderRowControl = TableToggleHeaderRowControl;
 exports.TaskListControl = TaskListControl;
 exports.TaskListLiftControl = TaskListLiftControl;
 exports.TaskListSinkControl = TaskListSinkControl;