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

package/dist/tiptap/index.cjs.js

@@ -9,7 +9,9 @@ let _mui_material_Tooltip = require("@mui/material/Tooltip");
 let _mui_material_Badge = require("@mui/material/Badge");
 let _mui_material_SvgIcon = require("@mui/material/SvgIcon");
 let _mui_material_MenuItem = require("@mui/material/MenuItem");
+let _mui_material_Typography = require("@mui/material/Typography");
 let _mui_material_Menu = require("@mui/material/Menu");
+let _mui_material_IconButton = require("@mui/material/IconButton");
 let _mui_material_Stack = require("@mui/material/Stack");
 let _mui_material_InputBase = require("@mui/material/InputBase");
 let _mui_material_Divider = require("@mui/material/Divider");
@@ -4281,7 +4283,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;
@@ -4335,7 +4337,7 @@ function useBlockquote(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$6({
+			setIsVisible(shouldShowButton$5({
 				editor,
 				hideWhenUnavailable
 			}));
@@ -4356,7 +4358,7 @@ function useBlockquote(config) {
 			return success;
 		}, [editor, onToggled]),
 		canToggle,
-		label: "Blockquote",
+		label: "Citation en bloc",
 		shortcutKeys: BLOCKQUOTE_SHORTCUT_KEY,
 		Icon: TextSnippetIcon
 	};
@@ -4431,7 +4433,7 @@ var BlockquoteButton = (0, react.forwardRef)(({ editor: providedEditor, text, hi
 		disabled: !canToggle,
 		"data-disabled": !canToggle,
 		"aria-label": label,
-		tooltip: "Blockquote",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -4548,7 +4550,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;
@@ -4609,7 +4611,7 @@ function useCodeBlock(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$5({
+			setIsVisible(shouldShowButton$4({
 				editor,
 				hideWhenUnavailable
 			}));
@@ -4630,7 +4632,7 @@ function useCodeBlock(config) {
 			return success;
 		}, [editor, onToggled]),
 		canToggle: canToggleState,
-		label: "Code Block",
+		label: "Bloc de code",
 		shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
 		Icon: IntegrationInstructionIcon
 	};
@@ -4667,7 +4669,7 @@ var CodeBlockButton = (0, react.forwardRef)(({ editor: providedEditor, text, hid
 		"data-disabled": !canToggle,
 		tabIndex: -1,
 		"aria-label": label,
-		tooltip: "Code Block",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -4744,7 +4746,7 @@ var HeadingThreeIcon = (0, _mui_material_utils.createSvgIcon)(/* @__PURE__ */ (0
 	})
 ] }), "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: (0, _mui_material_utils.createSvgIcon)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -4844,9 +4846,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;
@@ -4864,7 +4866,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
@@ -4881,7 +4883,7 @@ function shouldShowButton$4(props) {
 * }
 *
 * // Advanced usage with configuration
-* function MyAdvancedHeadingButton() {
+* function MyAdvancedHeadingItem() {
 *   const { isVisible, isActive, handleToggle, label, Icon } = useHeading({
 *     level: 2,
 *     editor: myEditor,
@@ -4913,7 +4915,7 @@ function useHeading(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				level,
 				hideWhenUnavailable
@@ -4943,22 +4945,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__ */ (0, react_jsx_runtime.jsx)(_mui_material_Badge.default, { 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 = (0, react.forwardRef)(({ editor: providedEditor, level, text, hideWhenUnavailable = false, onToggled, showShortcut = false, onClick, children, ...buttonProps }, ref) => {
+var HeadingMenuItem = (0, react.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,
@@ -4983,13 +4985,15 @@ var HeadingButton = (0, react.forwardRef)(({ editor: providedEditor, level, text
 		tooltip: label,
 		selected: isActive,
 		onClick: handleClick,
-		...buttonProps,
+		...menuItemProps,
 		ref,
 		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { fontSize: "small" }),
-			text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "tiptap-button-text",
-				children: text
+			text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
+				component: "span",
+				variant: "body2",
+				sx: { ml: 1 },
+				children: label
 			}),
 			showShortcut && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadingShortcutBadge, {
 				level,
@@ -4998,7 +5002,7 @@ var HeadingButton = (0, react.forwardRef)(({ editor: providedEditor, level, text
 		] })
 	});
 });
-HeadingButton.displayName = "HeadingButton";
+HeadingMenuItem.displayName = "HeadingMenuItem";
 //#endregion
 //#region src/tiptap/components/icons/heading-icon.tsx
 var HeadingIcon = (0, _mui_material_utils.createSvgIcon)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -5006,7 +5010,7 @@ var HeadingIcon = (0, _mui_material_utils.createSvgIcon)(/* @__PURE__ */ (0, rea
 	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
 */
@@ -5022,35 +5026,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,
@@ -5060,7 +5064,7 @@ function getActiveHeadingLevel(editor, levels = [
 * }
 * ```
 */
-function useHeadingDropdownMenu(config) {
+function useHeadingMenu(config) {
 	const { editor: providedEditor, levels = [
 		1,
 		2,
@@ -5077,7 +5081,7 @@ function useHeadingDropdownMenu(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				hideWhenUnavailable,
 				level: levels
@@ -5099,18 +5103,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 = (0, react.forwardRef)(({ editor: providedEditor, levels = [
+var HeadingMenu = (0, react.forwardRef)(({ editor: providedEditor, levels = [
 	1,
 	2,
 	3,
@@ -5121,7 +5125,7 @@ var HeadingDropdownMenu = (0, react.forwardRef)(({ editor: providedEditor, level
 	const { editor } = useTiptapEditor(providedEditor);
 	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
 	const open = Boolean(anchorEl);
-	const { isVisible, isActive, canToggle, Icon } = useHeadingDropdownMenu({
+	const { isVisible, isActive, canToggle, Icon, label } = useHeadingMenu({
 		editor,
 		levels,
 		hideWhenUnavailable
@@ -5152,7 +5156,7 @@ var HeadingDropdownMenu = (0, react.forwardRef)(({ editor: providedEditor, level
 		"aria-controls": "heading-menu",
 		"aria-label": "Format text as heading",
 		"aria-expanded": open,
-		tooltip: "Heading",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -5166,7 +5170,7 @@ var HeadingDropdownMenu = (0, react.forwardRef)(({ editor: providedEditor, level
 			"aria-labelledby": "heading-button",
 			role: "listbox"
 		} },
-		children: levels.map((level) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadingButton, {
+		children: levels.map((level) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadingMenuItem, {
 			editor,
 			level,
 			text: `Heading ${level}`,
@@ -5174,7 +5178,7 @@ var HeadingDropdownMenu = (0, react.forwardRef)(({ editor: providedEditor, level
 		}, `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 = (0, _mui_material_SvgIcon.createSvgIcon)(/*#__PURE__*/ (0, react_jsx_runtime.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");
@@ -5351,7 +5355,7 @@ function useLinkPopover(config) {
 		isVisible,
 		canSet,
 		isActive,
-		label: "Link",
+		label: "Lien",
 		Icon: LinkRounded_default,
 		...useLinkHandler({
 			editor,
@@ -5360,77 +5364,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 = require_src.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__ */ (0, react_jsx_runtime.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
@@ -5441,14 +5374,16 @@ var LinkButton = (0, react.forwardRef)(({ className, children, ...props }, ref)
 		className,
 		role: "button",
 		tabIndex: -1,
-		"aria-label": "Link",
-		tooltip: "Link",
 		ref,
 		...props,
 		children: children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkRounded_default, { fontSize: "small" })
 	});
 });
 LinkButton.displayName = "LinkButton";
+var StyledIconButton = (0, require_src.src_exports.styled)(_mui_material_IconButton.default)(({ theme }) => ({
+	borderRadius: theme.shape.borderRadius,
+	"& .MuiTouchRipple-root .MuiTouchRipple-child": { borderRadius: theme.shape.borderRadius }
+}));
 /**
 * Main content component for the link popover
 */
@@ -5469,7 +5404,7 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, openLink, isActive }) => {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_InputBase.default, {
 				type: "url",
-				placeholder: "Paste a link...",
+				placeholder: "Coller un lien...",
 				value: url,
 				onChange: (e) => setUrl(e.target.value),
 				onKeyDown: handleKeyDown,
@@ -5483,31 +5418,35 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, openLink, isActive }) => {
 					fontSize: "0.875rem"
 				}
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIconButton, {
+				size: "small",
 				type: "button",
 				onClick: setLink,
-				title: "Apply link",
+				title: "Appliquer le lien",
 				disabled: !url && !isActive,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyboardReturnRounded_default, { fontSize: "small" })
-			}) }),
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Divider.default, {
 				orientation: "vertical",
 				flexItem: true,
 				sx: { my: .5 }
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(OpenInNewRounded_default, { fontSize: "small" })
-			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIconButton, {
+				size: "small",
 				type: "button",
 				onClick: removeLink,
-				title: "Remove link",
+				title: "Supprimer le lien",
 				disabled: !url && !isActive,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DeleteRounded_default, { fontSize: "small" })
-			}) })] })
+			})
 		]
 	});
 };
@@ -5554,6 +5493,7 @@ var LinkPopover = (0, react.forwardRef)(({ editor: providedEditor, hideWhenUnava
 		selected: isActive,
 		"data-disabled": !canSet,
 		"aria-label": label,
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref: setRefs,
@@ -5620,9 +5560,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",
@@ -5710,7 +5650,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(),
@@ -5947,7 +5887,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
@@ -6108,10 +6056,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
@@ -6307,8 +6255,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,
@@ -6481,22 +6429,6 @@ var UndoRedoButton = (0, react.forwardRef)(({ editor: providedEditor, action, te
 });
 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__ */ (0, react_jsx_runtime.jsx)("div", {
-		...props,
-		style: computedStyle
-	});
-}
-//#endregion
 //#region src/tiptap/hooks/use-composed-ref.ts
 var updateRef = (ref, value) => {
 	if (typeof ref === "function") ref(value);
@@ -6744,11 +6676,10 @@ ToolbarSeparator.displayName = "ToolbarSeparator";
 var FormattingControls = ({ editor }) => {
 	const hasSuperscriptSubscript = editor.extensionManager.extensions.map((e) => e.name).some((name) => name === "subscript" || name === "superscript");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spacer, {}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToolbarGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UndoRedoButton, { action: "undo" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UndoRedoButton, { action: "redo" })] }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarSeparator, {}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToolbarGroup, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadingDropdownMenu, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeadingMenu, {
 				modal: false,
 				levels: [
 					1,
@@ -6771,20 +6702,36 @@ var FormattingControls = ({ editor }) => {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkButton, { type: "underline" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkPopover, {})
 		] }),
+		hasSuperscriptSubscript ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToolbarGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkButton, { type: "superscript" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkButton, { type: "subscript" })] })] }) : null,
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarSeparator, {}),
-		hasSuperscriptSubscript ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToolbarGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkButton, { type: "superscript" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkButton, { type: "subscript" })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolbarSeparator, {})] }) : null,
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToolbarGroup, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAlignButton, { align: "left" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAlignButton, { align: "center" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAlignButton, { align: "right" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAlignButton, { align: "justify" })
-		] }),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spacer, {})
+		] })
 	] });
 };
 FormattingControls.displayName = "FormattingControls";
 //#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__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		style: computedStyle
+	});
+}
+//#endregion
 exports.FormattingControls = FormattingControls;
+exports.Spacer = Spacer;
 exports.Toolbar = Toolbar;
 exports.ToolbarGroup = ToolbarGroup;
 exports.ToolbarSeparator = ToolbarSeparator;

package/dist/tiptap/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/ui-primitive/formatting-controls';
+export * from './components/ui-primitive/spacer';
 export * from './components/ui-primitive/toolbar';
 //# sourceMappingURL=index.d.ts.map