@mantine-vue/tiptap 3.2.0 → 3.3.0

package/esm/index.mjs

@@ -40,6 +40,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",
@@ -56,19 +71,23 @@ var DEFAULT_LABELS = {
 //#region src/RichTextEditor.context.ts
 var [provideRichTextEditorContext, useRichTextEditorContext] = 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
@@ -723,6 +742,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.ts
 var RichTextEditorColorPickerControl = factory(/* @__PURE__ */ defineComponent({
@@ -1047,7 +1133,7 @@ var RichTextEditorSourceCodeControl = factory(/* @__PURE__ */ defineComponent({
 		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);
 		}
@@ -1074,6 +1160,273 @@ var RichTextEditorSourceCodeControl = factory(/* @__PURE__ */ defineComponent({
 	}
 }), { classes: RichTextEditor_module_default });
 //#endregion
+//#region src/RichTextEditorControl/RichTextEditorTableInsertControl.vue
+var RichTextEditorTableInsertControl_default = /* @__PURE__ */ 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 = useAttrs();
+		const ctx = useRichTextEditorContext();
+		const opened = ref(false);
+		const selected = ref({
+			columns: 0,
+			rows: 0
+		});
+		const commandDisabled = useEditorSelector(() => ctx.editor, (editor) => !isSafeEditor(editor) || !editor.can().insertTable?.());
+		const disabled = computed(() => props.disabled || commandDisabled.value);
+		const cells = computed(() => Array.from({ length: props.maxRows * props.maxColumns }, (_, index) => ({
+			row: Math.floor(index / props.maxColumns) + 1,
+			column: index % props.maxColumns + 1
+		})));
+		const stylesApi = 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 openBlock(), createBlock(unref(Popover), 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: withCtx(() => [createVNode(unref(Popover).Target, null, {
+					default: withCtx(() => [createVNode(RichTextEditorControlBase_default, mergeProps(unref(attrs), {
+						active: opened.value,
+						disabled: disabled.value,
+						variant: props.variant ?? unref(ctx).variant,
+						"aria-label": unref(ctx).labels.tableInsertControlLabel,
+						title: unref(ctx).labels.tableInsertControlLabel,
+						onClick: _cache[0] || (_cache[0] = ($event) => opened.value ? close() : opened.value = true)
+					}), {
+						icon: withCtx((iconProps) => [renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(iconProps)), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon ?? unref(IconTablePlus)), normalizeProps(guardReactiveProps(iconProps)), null, 16))])]),
+						_: 3
+					}, 16, [
+						"active",
+						"disabled",
+						"variant",
+						"aria-label",
+						"title"
+					])]),
+					_: 3
+				}), createVNode(unref(Popover).Dropdown, normalizeProps(guardReactiveProps(unref(ctx).getStyles("tableInsertDropdown", stylesApi.value))), {
+					default: withCtx(() => [createElementVNode("div", mergeProps(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
+						})
+					}), [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
+						return openBlock(), createBlock(unref(UnstyledButton), mergeProps({ key: `${cell.row}-${cell.column}` }, { ref_for: true }, unref(ctx).getStyles("tableInsertCell", stylesApi.value), {
+							"data-active": cell.column <= selected.value.columns && cell.row <= selected.value.rows || void 0,
+							"aria-label": 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), createElementVNode("div", normalizeProps(guardReactiveProps(unref(ctx).getStyles("tableInsertLabel", stylesApi.value))), toDisplayString(selected.value.columns ? `${selected.value.columns} × ${selected.value.rows}` : unref(ctx).labels.tableInsertControlLabel), 17)]),
+					_: 1
+				}, 16)]),
+				_: 3
+			}, 16, ["opened"]);
+		};
+	}
+});
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorDetailsControl.vue
+var RichTextEditorDetailsControl_default = /* @__PURE__ */ 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 = 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 = computed(() => props.active ?? state.value.active);
+		const disabled = 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 openBlock(), createBlock(RichTextEditorControlBase_default, mergeProps(unref(attrs), {
+				active: active.value,
+				disabled: disabled.value,
+				interactive: props.interactive,
+				variant: props.variant ?? unref(ctx).variant,
+				"aria-label": unref(ctx).labels.detailsControlLabel,
+				title: unref(ctx).labels.detailsControlLabel,
+				onClick: toggle
+			}), {
+				icon: withCtx((iconProps) => [renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(iconProps)), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon ?? unref(IconDetails)), normalizeProps(guardReactiveProps(iconProps)), null, 16))])]),
+				_: 3
+			}, 16, [
+				"active",
+				"disabled",
+				"interactive",
+				"variant",
+				"aria-label",
+				"title"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.vue
+var RichTextEditorInvisibleCharactersControl_default = /* @__PURE__ */ 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 = 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 = computed(() => props.active ?? state.value.active);
+		const disabled = computed(() => props.disabled || state.value.disabled);
+		function toggle() {
+			if (isSafeEditor(ctx.editor)) ctx.editor.chain().focus().toggleInvisibleCharacters().run();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RichTextEditorControlBase_default, mergeProps(unref(attrs), {
+				active: active.value,
+				disabled: disabled.value,
+				interactive: props.interactive,
+				variant: props.variant ?? unref(ctx).variant,
+				"aria-label": unref(ctx).labels.invisibleCharactersControlLabel,
+				title: unref(ctx).labels.invisibleCharactersControlLabel,
+				onClick: toggle
+			}), {
+				icon: withCtx((iconProps) => [renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(iconProps)), () => [(openBlock(), createBlock(resolveDynamicComponent(props.icon ?? unref(IconPilcrow)), normalizeProps(guardReactiveProps(iconProps)), null, 16))])]),
+				_: 3
+			}, 16, [
+				"active",
+				"disabled",
+				"interactive",
+				"variant",
+				"aria-label",
+				"title"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/RichTextEditorControl/controls.ts
 var BoldControl = createControl({
 	label: "boldControlLabel",
@@ -1307,6 +1660,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.ts
 var RichTextEditorControlsGroup = factory(/* @__PURE__ */ defineComponent({
@@ -1431,7 +1850,21 @@ var RichTextEditor = 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
@@ -1452,6 +1885,6 @@ var getTaskListExtension = (TipTapTaskList) => TipTapTaskList.extend({ addKeyboa
 	}
 }) }).configure({ HTMLAttributes: { class: `${RichTextEditor_module_default.taskList} mantine-RichTextEditor-taskList` } });
 //#endregion
-export { AlignCenterControl, AlignJustifyControl, AlignLeftControl, AlignRightControl, BlockquoteControl, BoldControl, BulletListControl, ClearFormattingControl, CodeBlockControl, CodeControl, DEFAULT_LABELS, H1Control, H2Control, H3Control, H4Control, H5Control, H6Control, HighlightControl, HrControl, ItalicControl, Link, OrderedListControl, RedoControl, RichTextEditor, RichTextEditorColorControl, RichTextEditorColorPickerControl, RichTextEditorControl, RichTextEditorControlBase, RichTextEditorLinkControl, RichTextEditorSourceCodeControl, StrikeThroughControl, SubscriptControl, SuperscriptControl, TaskListControl, TaskListLiftControl, TaskListSinkControl, UnderlineControl, UndoControl, UnlinkControl, UnsetColorControl, createControl, getTaskListExtension, useRichTextEditorContext };
+export { AlignCenterControl, AlignJustifyControl, AlignLeftControl, AlignRightControl, BlockquoteControl, BoldControl, BulletListControl, ClearFormattingControl, CodeBlockControl, CodeControl, DEFAULT_LABELS, H1Control, H2Control, H3Control, H4Control, H5Control, H6Control, HighlightControl, HrControl, ItalicControl, Link, OrderedListControl, RedoControl, RichTextEditor, RichTextEditorColorControl, RichTextEditorColorPickerControl, RichTextEditorControl, RichTextEditorControlBase, RichTextEditorDetailsControl_default as RichTextEditorDetailsControl, RichTextEditorInvisibleCharactersControl_default as RichTextEditorInvisibleCharactersControl, RichTextEditorLinkControl, RichTextEditorSourceCodeControl, RichTextEditorTableInsertControl_default as RichTextEditorTableInsertControl, StrikeThroughControl, SubscriptControl, SuperscriptControl, TableColumnAfterControl, TableColumnBeforeControl, TableColumnDeleteControl, TableDeleteControl, TableMergeCellsControl, TableRowAfterControl, TableRowBeforeControl, TableRowDeleteControl, TableSplitCellControl, TableToggleHeaderColumnControl, TableToggleHeaderRowControl, TaskListControl, TaskListLiftControl, TaskListSinkControl, UnderlineControl, UndoControl, UnlinkControl, UnsetColorControl, createControl, getTaskListExtension, useRichTextEditorContext };
 
 //# sourceMappingURL=index.mjs.map