@cgi-learning-hub/ui 1.14.0-dev.1785252242 → 1.14.0-dev.1785338327

package/dist/tiptap/index.es.js

@@ -1,4 +1,4 @@
-import { It as Tooltip, Nt as ToggleButton, W as InputBase, Zt as DeleteRounded_default, et as Menu, hn as clsx, j as Divider, ln as SvgIcon_default, mt as Stack, ot as Popover, tt as MenuItem, u as Badge } from "../src-G-BmjM2S.js";
+import { G as InputBase, Lt as Tooltip, M as Divider, Pt as ToggleButton, Qt as DeleteRounded_default, Rt as Typography, U as IconButton, d as Badge, gn as clsx, ht as Stack, nt as MenuItem, st as Popover, t as src_exports, tt as Menu, un as SvgIcon_default } from "../src-B3iFugc4.js";
 import { Fragment, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createSvgIcon } from "@mui/material/utils";
@@ -4270,7 +4270,7 @@ function toggleBlockquote(editor) {
 /**
 * Determines if the blockquote button should be shown
 */
-function shouldShowButton$6(props) {
+function shouldShowButton$5(props) {
 	const { editor, hideWhenUnavailable } = props;
 	if (!editor) return false;
 	if (!hideWhenUnavailable) return true;
@@ -4324,7 +4324,7 @@ function useBlockquote(config) {
 	useEffect(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$6({
+			setIsVisible(shouldShowButton$5({
 				editor,
 				hideWhenUnavailable
 			}));
@@ -4345,7 +4345,7 @@ function useBlockquote(config) {
 			return success;
 		}, [editor, onToggled]),
 		canToggle,
-		label: "Blockquote",
+		label: "Citation en bloc",
 		shortcutKeys: BLOCKQUOTE_SHORTCUT_KEY,
 		Icon: TextSnippetIcon
 	};
@@ -4420,7 +4420,7 @@ var BlockquoteButton = forwardRef(({ editor: providedEditor, text, hideWhenUnava
 		disabled: !canToggle,
 		"data-disabled": !canToggle,
 		"aria-label": label,
-		tooltip: "Blockquote",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -4537,7 +4537,7 @@ function toggleCodeBlock(editor) {
 /**
 * Determines if the code block button should be shown
 */
-function shouldShowButton$5(props) {
+function shouldShowButton$4(props) {
 	const { editor, hideWhenUnavailable } = props;
 	if (!editor) return false;
 	if (!hideWhenUnavailable) return true;
@@ -4598,7 +4598,7 @@ function useCodeBlock(config) {
 	useEffect(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$5({
+			setIsVisible(shouldShowButton$4({
 				editor,
 				hideWhenUnavailable
 			}));
@@ -4619,7 +4619,7 @@ function useCodeBlock(config) {
 			return success;
 		}, [editor, onToggled]),
 		canToggle: canToggleState,
-		label: "Code Block",
+		label: "Bloc de code",
 		shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
 		Icon: IntegrationInstructionIcon
 	};
@@ -4656,7 +4656,7 @@ var CodeBlockButton = forwardRef(({ editor: providedEditor, text, hideWhenUnavai
 		"data-disabled": !canToggle,
 		tabIndex: -1,
 		"aria-label": label,
-		tooltip: "Code Block",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -4733,7 +4733,7 @@ var HeadingThreeIcon = createSvgIcon(/* @__PURE__ */ jsxs("g", { children: [
 	})
 ] }), "HeadingThree");
 //#endregion
-//#region src/tiptap/components/ui/heading-button/use-heading.ts
+//#region src/tiptap/components/ui/heading-menu-item/use-heading.ts
 var headingIcons = {
 	1: HeadingOneIcon,
 	2: createSvgIcon(/* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("path", {
@@ -4833,9 +4833,9 @@ function toggleHeading(editor, level) {
 	}
 }
 /**
-* Determines if the heading button should be shown
+* Determines if the heading menu item should be shown
 */
-function shouldShowButton$4(props) {
+function shouldShowItem(props) {
 	const { editor, level, hideWhenUnavailable } = props;
 	if (!editor) return false;
 	if (!hideWhenUnavailable) return true;
@@ -4853,7 +4853,7 @@ function shouldShowButton$4(props) {
 * @example
 * ```tsx
 * // Simple usage
-* function MySimpleHeadingButton() {
+* function MySimpleHeadingItem() {
 *   const { isVisible, isActive, handleToggle, Icon } = useHeading({ level: 1 })
 *
 *   if (!isVisible) return null
@@ -4870,7 +4870,7 @@ function shouldShowButton$4(props) {
 * }
 *
 * // Advanced usage with configuration
-* function MyAdvancedHeadingButton() {
+* function MyAdvancedHeadingItem() {
 *   const { isVisible, isActive, handleToggle, label, Icon } = useHeading({
 *     level: 2,
 *     editor: myEditor,
@@ -4902,7 +4902,7 @@ function useHeading(config) {
 	useEffect(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				level,
 				hideWhenUnavailable
@@ -4932,22 +4932,22 @@ function useHeading(config) {
 			onToggled
 		]),
 		canToggle: canToggleState,
-		label: `Heading ${level}`,
+		label: `Titre ${level}`,
 		shortcutKeys: HEADING_SHORTCUT_KEYS[level],
 		Icon: headingIcons[level]
 	};
 }
 //#endregion
-//#region src/tiptap/components/ui/heading-button/heading-button.tsx
+//#region src/tiptap/components/ui/heading-menu-item/heading-menu-item.tsx
 function HeadingShortcutBadge({ level, shortcutKeys = HEADING_SHORTCUT_KEYS[level] }) {
 	return /* @__PURE__ */ jsx(Badge, { children: parseShortcutKeys({ shortcutKeys }) });
 }
 /**
-* Button component for toggling heading in a Tiptap editor.
+* Menu item component for toggling heading in a Tiptap editor.
 *
-* For custom button implementations, use the `useHeading` hook instead.
+* For custom menu item implementations, use the `useHeading` hook instead.
 */
-var HeadingButton = forwardRef(({ editor: providedEditor, level, text, hideWhenUnavailable = false, onToggled, showShortcut = false, onClick, children, ...buttonProps }, ref) => {
+var HeadingMenuItem = forwardRef(({ editor: providedEditor, level, text, hideWhenUnavailable = false, onToggled, showShortcut = false, onClick, children, ...menuItemProps }, ref) => {
 	const { editor } = useTiptapEditor(providedEditor);
 	const { isVisible, canToggle, isActive, handleToggle, label, Icon, shortcutKeys } = useHeading({
 		editor,
@@ -4972,13 +4972,15 @@ var HeadingButton = forwardRef(({ editor: providedEditor, level, text, hideWhenU
 		tooltip: label,
 		selected: isActive,
 		onClick: handleClick,
-		...buttonProps,
+		...menuItemProps,
 		ref,
 		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx(Icon, { fontSize: "small" }),
-			text && /* @__PURE__ */ jsx("span", {
-				className: "tiptap-button-text",
-				children: text
+			text && /* @__PURE__ */ jsx(Typography, {
+				component: "span",
+				variant: "body2",
+				sx: { ml: 1 },
+				children: label
 			}),
 			showShortcut && /* @__PURE__ */ jsx(HeadingShortcutBadge, {
 				level,
@@ -4987,7 +4989,7 @@ var HeadingButton = forwardRef(({ editor: providedEditor, level, text, hideWhenU
 		] })
 	});
 });
-HeadingButton.displayName = "HeadingButton";
+HeadingMenuItem.displayName = "HeadingMenuItem";
 //#endregion
 //#region src/tiptap/components/icons/heading-icon.tsx
 var HeadingIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
@@ -4995,7 +4997,7 @@ var HeadingIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
 	fill: "currentColor"
 }), "Heading");
 //#endregion
-//#region src/tiptap/components/ui/heading-dropdown-menu/use-heading-dropdown-menu.ts
+//#region src/tiptap/components/ui/heading-menu/use-heading-menu.ts
 /**
 * Gets the currently active heading level from the available levels
 */
@@ -5011,35 +5013,35 @@ function getActiveHeadingLevel(editor, levels = [
 	return levels.find((level) => isHeadingActive(editor, level));
 }
 /**
-* Custom hook that provides heading dropdown menu functionality for Tiptap editor
+* Custom hook that provides heading menu functionality for Tiptap editor
 *
 * @example
 * ```tsx
 * // Simple usage
-* function MyHeadingDropdown() {
+* function MyHeading() {
 *   const {
 *     isVisible,
 *     activeLevel,
 *     isAnyHeadingActive,
 *     canToggle,
 *     levels,
-*   } = useHeadingDropdownMenu()
+*   } = useHeadingMenu()
 *
 *   if (!isVisible) return null
 *
 *   return (
-*     <DropdownMenu>
-*       // dropdown content
-*     </DropdownMenu>
+*     <Menu>
+*       // content
+*     </Menu>
 *   )
 * }
 *
 * // Advanced usage with configuration
-* function MyAdvancedHeadingDropdown() {
+* function MyAdvancedHeading() {
 *   const {
 *     isVisible,
 *     activeLevel,
-*   } = useHeadingDropdownMenu({
+*   } = useHeadingMenu({
 *     editor: myEditor,
 *     levels: [1, 2, 3],
 *     hideWhenUnavailable: true,
@@ -5049,7 +5051,7 @@ function getActiveHeadingLevel(editor, levels = [
 * }
 * ```
 */
-function useHeadingDropdownMenu(config) {
+function useHeadingMenu(config) {
 	const { editor: providedEditor, levels = [
 		1,
 		2,
@@ -5066,7 +5068,7 @@ function useHeadingDropdownMenu(config) {
 	useEffect(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				hideWhenUnavailable,
 				level: levels
@@ -5088,18 +5090,18 @@ function useHeadingDropdownMenu(config) {
 		isActive,
 		canToggle: canToggleState,
 		levels,
-		label: "Heading",
+		label: "Titre",
 		Icon: activeLevel ? headingIcons[activeLevel] : HeadingIcon
 	};
 }
 //#endregion
-//#region src/tiptap/components/ui/heading-dropdown-menu/heading-dropdown-menu.tsx
+//#region src/tiptap/components/ui/heading-menu/heading-menu.tsx
 /**
-* Dropdown menu component for selecting heading levels in a Tiptap editor.
+* Menu component for selecting heading levels in a Tiptap editor.
 *
-* For custom dropdown implementations, use the `useHeadingDropdownMenu` hook instead.
+* For custom menu implementations, use the `useHeadingMenu` hook instead.
 */
-var HeadingDropdownMenu = forwardRef(({ editor: providedEditor, levels = [
+var HeadingMenu = forwardRef(({ editor: providedEditor, levels = [
 	1,
 	2,
 	3,
@@ -5110,7 +5112,7 @@ var HeadingDropdownMenu = forwardRef(({ editor: providedEditor, levels = [
 	const { editor } = useTiptapEditor(providedEditor);
 	const [anchorEl, setAnchorEl] = useState(null);
 	const open = Boolean(anchorEl);
-	const { isVisible, isActive, canToggle, Icon } = useHeadingDropdownMenu({
+	const { isVisible, isActive, canToggle, Icon, label } = useHeadingMenu({
 		editor,
 		levels,
 		hideWhenUnavailable
@@ -5141,7 +5143,7 @@ var HeadingDropdownMenu = forwardRef(({ editor: providedEditor, levels = [
 		"aria-controls": "heading-menu",
 		"aria-label": "Format text as heading",
 		"aria-expanded": open,
-		tooltip: "Heading",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -5155,7 +5157,7 @@ var HeadingDropdownMenu = forwardRef(({ editor: providedEditor, levels = [
 			"aria-labelledby": "heading-button",
 			role: "listbox"
 		} },
-		children: levels.map((level) => /* @__PURE__ */ jsx(HeadingButton, {
+		children: levels.map((level) => /* @__PURE__ */ jsx(HeadingMenuItem, {
 			editor,
 			level,
 			text: `Heading ${level}`,
@@ -5163,7 +5165,7 @@ var HeadingDropdownMenu = forwardRef(({ editor: providedEditor, levels = [
 		}, `heading-${level}`))
 	})] });
 });
-HeadingDropdownMenu.displayName = "HeadingDropdownMenu";
+HeadingMenu.displayName = "HeadingMenu";
 //#endregion
 //#region ../../node_modules/.pnpm/@mui+icons-material@9.1.1_@mui+material@9.1.1_@emotion+react@11.14.0_@types+react@19.2._9b347fe2e167545244369f75d4366d7f/node_modules/@mui/icons-material/KeyboardReturnRounded.mjs
 var KeyboardReturnRounded_default = SvgIcon_default(/*#__PURE__*/ jsx("path", { d: "M19 8v3H5.83l2.88-2.88c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0L2.71 11.3c-.39.39-.39 1.02 0 1.41L7.3 17.3c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L5.83 13H20c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1s-1 .45-1 1" }), "KeyboardReturnRounded");
@@ -5340,7 +5342,7 @@ function useLinkPopover(config) {
 		isVisible,
 		canSet,
 		isActive,
-		label: "Link",
+		label: "Lien",
 		Icon: LinkRounded_default,
 		...useLinkHandler({
 			editor,
@@ -5349,77 +5351,6 @@ function useLinkPopover(config) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-/**
-* Copyright 2022 Joe Bell. All rights reserved.
-*
-* This file is licensed to you under the Apache License, Version 2.0
-* (the "License"); you may not use this file except in compliance with the
-* License. You may obtain a copy of the License at
-*
-*   http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
-* WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
-* License for the specific language governing permissions and limitations under
-* the License.
-*/ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base, config) => (props) => {
-	var _config_compoundVariants;
-	if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-	const { variants, defaultVariants } = config;
-	const getVariantClassNames = Object.keys(variants).map((variant) => {
-		const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-		const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-		if (variantProp === null) return null;
-		const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-		return variants[variant][variantKey];
-	});
-	const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-		let [key, value] = param;
-		if (value === void 0) return acc;
-		acc[key] = value;
-		return acc;
-	}, {});
-	return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
-		let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-		return Object.entries(compoundVariantOptions).every((param) => {
-			let [key, value] = param;
-			return Array.isArray(value) ? value.includes({
-				...defaultVariants,
-				...propsWithoutUndefined
-			}[key]) : {
-				...defaultVariants,
-				...propsWithoutUndefined
-			}[key] === value;
-		}) ? [
-			...acc,
-			cvClass,
-			cvClassName
-		] : acc;
-	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-};
-//#endregion
-//#region src/tiptap/components/ui-primitive/button-group/button-group.tsx
-var buttonGroupVariants = cva("tiptap-button-group", {
-	variants: { orientation: {
-		horizontal: "tiptap-button-group-horizontal",
-		vertical: "tiptap-button-group-vertical"
-	} },
-	defaultVariants: { orientation: "horizontal" }
-});
-function ButtonGroup({ className, orientation, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "tiptap-button-group",
-		"data-orientation": orientation,
-		className: cn(buttonGroupVariants({ orientation }), className),
-		...props
-	});
-}
-//#endregion
 //#region src/tiptap/components/ui/link-popover/link-popover.tsx
 /**
 * Link button component for triggering the link popover
@@ -5430,14 +5361,16 @@ var LinkButton = forwardRef(({ className, children, ...props }, ref) => {
 		className,
 		role: "button",
 		tabIndex: -1,
-		"aria-label": "Link",
-		tooltip: "Link",
 		ref,
 		...props,
 		children: children || /* @__PURE__ */ jsx(LinkRounded_default, { fontSize: "small" })
 	});
 });
 LinkButton.displayName = "LinkButton";
+var StyledIconButton = (0, src_exports.styled)(IconButton)(({ theme }) => ({
+	borderRadius: theme.shape.borderRadius,
+	"& .MuiTouchRipple-root .MuiTouchRipple-child": { borderRadius: theme.shape.borderRadius }
+}));
 /**
 * Main content component for the link popover
 */
@@ -5458,7 +5391,7 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, openLink, isActive }) => {
 		children: [
 			/* @__PURE__ */ jsx(InputBase, {
 				type: "url",
-				placeholder: "Paste a link...",
+				placeholder: "Coller un lien...",
 				value: url,
 				onChange: (e) => setUrl(e.target.value),
 				onKeyDown: handleKeyDown,
@@ -5472,31 +5405,35 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, openLink, isActive }) => {
 					fontSize: "0.875rem"
 				}
 			}),
-			/* @__PURE__ */ jsx(ButtonGroup, { children: /* @__PURE__ */ jsx(Button, {
+			/* @__PURE__ */ jsx(StyledIconButton, {
+				size: "small",
 				type: "button",
 				onClick: setLink,
-				title: "Apply link",
+				title: "Appliquer le lien",
 				disabled: !url && !isActive,
 				children: /* @__PURE__ */ jsx(KeyboardReturnRounded_default, { fontSize: "small" })
-			}) }),
+			}),
 			/* @__PURE__ */ jsx(Divider, {
 				orientation: "vertical",
 				flexItem: true,
 				sx: { my: .5 }
 			}),
-			/* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(ButtonGroup, { children: /* @__PURE__ */ jsx(Button, {
+			/* @__PURE__ */ jsx(StyledIconButton, {
+				size: "small",
 				type: "button",
 				onClick: openLink,
-				title: "Open in new window",
+				title: "Ouvrir dans une nouvelle fenêtre",
 				disabled: !url && !isActive,
 				children: /* @__PURE__ */ jsx(OpenInNewRounded_default, { fontSize: "small" })
-			}) }), /* @__PURE__ */ jsx(ButtonGroup, { children: /* @__PURE__ */ jsx(Button, {
+			}),
+			/* @__PURE__ */ jsx(StyledIconButton, {
+				size: "small",
 				type: "button",
 				onClick: removeLink,
-				title: "Remove link",
+				title: "Supprimer le lien",
 				disabled: !url && !isActive,
 				children: /* @__PURE__ */ jsx(DeleteRounded_default, { fontSize: "small" })
-			}) })] })
+			})
 		]
 	});
 };
@@ -5543,6 +5480,7 @@ var LinkPopover = forwardRef(({ editor: providedEditor, hideWhenUnavailable = fa
 		selected: isActive,
 		"data-disabled": !canSet,
 		"aria-label": label,
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref: setRefs,
@@ -5609,9 +5547,9 @@ var listIcons = {
 	] }), "ListTodo")
 };
 var listLabels = {
-	bulletList: "Bullet List",
-	orderedList: "Ordered List",
-	taskList: "Task List"
+	bulletList: "Liste à puces",
+	orderedList: "Liste numérotée",
+	taskList: "Liste de tâches"
 };
 var LIST_SHORTCUT_KEYS = {
 	bulletList: "mod+shift+8",
@@ -5699,7 +5637,7 @@ function toggleList(editor, type) {
 			const resolvedTo = state.doc.resolve(to);
 			chain = chain.setTextSelection(TextSelection.between(resolvedFrom, resolvedTo)).clearNodes();
 		}
-		if (editor.isActive(type)) chain.liftListItem("listItem").lift("bulletList").lift("orderedList").lift("taskList").run();
+		if (editor.isActive(type)) chain.liftListItem("listItem").lift("bulletList").lift("orderedList").run();
 		else {
 			const toggle = {
 				bulletList: () => chain.toggleBulletList(),
@@ -5936,7 +5874,15 @@ function shouldShowButton$2(props) {
 * Gets the formatted mark name
 */
 function getFormattedMarkName(type) {
-	return type.charAt(0).toUpperCase() + type.slice(1);
+	switch (type) {
+		case "bold": return "Gras";
+		case "italic": return "Italique";
+		case "strike": return "Barré";
+		case "code": return "Code";
+		case "underline": return "Souligné";
+		case "superscript": return "Exposant";
+		case "subscript": return "Indice";
+	}
 }
 /**
 * Custom hook that provides mark functionality for Tiptap editor
@@ -6097,10 +6043,10 @@ var textAlignIcons = {
 	justify: FormatAlignJustifyRounded_default
 };
 var textAlignLabels = {
-	left: "Align left",
-	center: "Align center",
-	right: "Align right",
-	justify: "Align justify"
+	left: "Aligner à gauche",
+	center: "Aligner au centre",
+	right: "Aligner à droite",
+	justify: "Justifier"
 };
 /**
 * Checks if text alignment can be performed in the current editor state
@@ -6296,8 +6242,8 @@ var UNDO_REDO_SHORTCUT_KEYS = {
 	redo: "mod+shift+z"
 };
 var historyActionLabels = {
-	undo: "Undo",
-	redo: "Redo"
+	undo: "Annuler",
+	redo: "Rétablir"
 };
 var historyIcons = {
 	undo: UndoRounded_default,
@@ -6470,22 +6416,6 @@ var UndoRedoButton = forwardRef(({ editor: providedEditor, action, text, hideWhe
 });
 UndoRedoButton.displayName = "UndoRedoButton";
 //#endregion
-//#region src/tiptap/components/ui-primitive/spacer/spacer.tsx
-function Spacer({ orientation = "horizontal", size, style = {}, ...props }) {
-	const computedStyle = {
-		...style,
-		...orientation === "horizontal" && !size && { flex: 1 },
-		...size && {
-			width: orientation === "vertical" ? "1px" : size,
-			height: orientation === "horizontal" ? "1px" : size
-		}
-	};
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		style: computedStyle
-	});
-}
-//#endregion
 //#region src/tiptap/hooks/use-composed-ref.ts
 var updateRef = (ref, value) => {
 	if (typeof ref === "function") ref(value);
@@ -6733,11 +6663,10 @@ ToolbarSeparator.displayName = "ToolbarSeparator";
 var FormattingControls = ({ editor }) => {
 	const hasSuperscriptSubscript = editor.extensionManager.extensions.map((e) => e.name).some((name) => name === "subscript" || name === "superscript");
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(Spacer, {}),
 		/* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(UndoRedoButton, { action: "undo" }), /* @__PURE__ */ jsx(UndoRedoButton, { action: "redo" })] }),
 		/* @__PURE__ */ jsx(ToolbarSeparator, {}),
 		/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
-			/* @__PURE__ */ jsx(HeadingDropdownMenu, {
+			/* @__PURE__ */ jsx(HeadingMenu, {
 				modal: false,
 				levels: [
 					1,
@@ -6760,19 +6689,34 @@ var FormattingControls = ({ editor }) => {
 			/* @__PURE__ */ jsx(MarkButton, { type: "underline" }),
 			/* @__PURE__ */ jsx(LinkPopover, {})
 		] }),
+		hasSuperscriptSubscript ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ToolbarSeparator, {}), /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(MarkButton, { type: "superscript" }), /* @__PURE__ */ jsx(MarkButton, { type: "subscript" })] })] }) : null,
 		/* @__PURE__ */ jsx(ToolbarSeparator, {}),
-		hasSuperscriptSubscript ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(MarkButton, { type: "superscript" }), /* @__PURE__ */ jsx(MarkButton, { type: "subscript" })] }), /* @__PURE__ */ jsx(ToolbarSeparator, {})] }) : null,
 		/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
 			/* @__PURE__ */ jsx(TextAlignButton, { align: "left" }),
 			/* @__PURE__ */ jsx(TextAlignButton, { align: "center" }),
 			/* @__PURE__ */ jsx(TextAlignButton, { align: "right" }),
 			/* @__PURE__ */ jsx(TextAlignButton, { align: "justify" })
-		] }),
-		/* @__PURE__ */ jsx(Spacer, {})
+		] })
 	] });
 };
 FormattingControls.displayName = "FormattingControls";
 //#endregion
-export { FormattingControls, Toolbar, ToolbarGroup, ToolbarSeparator };
+//#region src/tiptap/components/ui-primitive/spacer/spacer.tsx
+function Spacer({ orientation = "horizontal", size, style = {}, ...props }) {
+	const computedStyle = {
+		...style,
+		...orientation === "horizontal" && !size && { flex: 1 },
+		...size && {
+			width: orientation === "vertical" ? "1px" : size,
+			height: orientation === "horizontal" ? "1px" : size
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		style: computedStyle
+	});
+}
+//#endregion
+export { FormattingControls, Spacer, Toolbar, ToolbarGroup, ToolbarSeparator };
 
 //# sourceMappingURL=index.es.js.map