@cgi-learning-hub/ui 1.14.0-dev.1785319387 → 1.14.0-dev.1785404668

package/dist/index.d.ts

@@ -16,6 +16,13 @@ declare interface FormattingControlsProps extends BaseProps {
     editor: Editor;
 }
 
+export declare function Spacer({ orientation, size, style, ...props }: React.ComponentProps<"div"> & {
+    orientation?: SpacerOrientation;
+    size?: string | number;
+}): JSX.Element;
+
+export declare type SpacerOrientation = "horizontal" | "vertical";
+
 export declare const Toolbar: ForwardRefExoticComponent<ToolbarProps & RefAttributes<HTMLDivElement>>;
 
 export declare const ToolbarGroup: ForwardRefExoticComponent<BaseProps_2 & RefAttributes<HTMLDivElement>>;

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { $ as ListSubheader, $t as FolderCard, A as DialogTitle, At as TableSortLabel, B as Grid, Bt as ZoomControl, C as CircularProgress, Ct as TableBody, D as DialogActions, Dt as TableHead, E as Container, Et as TableFooter, F as FormControlLabel, Ft as Toolbar, G as InputLabel, Gt as ResourceCard, H as IconButton, Ht as ICON_TYPE, I as FormGroup, It as Tooltip, J as List, Jt as LoaderBackdrop, K as LinearProgress, Kt as QueryError, L as FormHelperText, Lt as Typography, M as Drawer, Mt as TextField, N as Fade, Nt as ToggleButton, O as DialogContent, Ot as TablePagination, P as FormControl, Pt as ToggleButtonGroup, Q as ListItemText, Qt as Heading, R as FormLabel, Rt as Zoom, S as Chip, St as Table, T as Collapse, Tt as TableContainer, U as Input, Ut as TimePicker, V as Grow, Vt as TreeView, W as InputBase, Wt as SearchInput, X as ListItemButton, Xt as ImagePicker, Y as ListItem, Yt as Loader, Z as ListItemIcon, _ as CardActions, _n as TabContext, _t as StepLabel, a as AlertTitle, an as Dialog, at as Paper, b as CardMedia, bn as useTabContext, bt as Switch, c as Avatar, cn as DEFAULT_COLOR_OPTIONS, ct as RadioGroup, d as Box, dn as ActionBar, dt as Slide, en as FileList, et as Menu, f as Breadcrumbs, fn as TabPanel, ft as Slider, g as CardActionArea, gn as TabList, gt as StepButton, h as Card, ht as Step, i as AccordionSummary, in as Dropzone, it as Pagination, j as Divider, jt as Tabs, k as DialogContentText, kt as TableRow, l as Backdrop, lt as Select, m as ButtonGroup, mn as tabPanelClasses, mt as Stack, n as AccordionActions, nn as EmptyState, nt as MobileStepper, o as AppBar, on as DatePicker, ot as Popover, p as Button, pn as getTabPanelUtilityClass, pt as Snackbar, q as Link, qt as PasswordInput, r as AccordionDetails, rn as EllipsisWithTooltip, rt as Modal, s as Autocomplete, sn as ColorPicker, st as Radio, t as Accordion, tn as FileListItem, tt as MenuItem, u as Badge, un as Alert, ut as Skeleton, v as CardContent, vn as getPanelId, vt as Stepper, w as ClickAwayListener, wt as TableCell, x as Checkbox, xt as Tab, y as CardHeader, yn as getTabId, yt as SvgIcon, z as GlobalStyles, zt as useMediaQuery } from "./src-G-BmjM2S.js";
+import { $ as ListItemText, $t as Heading, A as DialogContentText, At as TableRow, B as GlobalStyles, Bt as useMediaQuery, C as Chip, Ct as Table, D as Container, Dt as TableFooter, E as Collapse, Et as TableContainer, F as FormControl, Ft as ToggleButtonGroup, G as InputBase, Gt as SearchInput, H as Grow, Ht as TreeView, I as FormControlLabel, It as Toolbar, J as Link, Jt as PasswordInput, K as InputLabel, Kt as ResourceCard, L as FormGroup, Lt as Tooltip, M as Divider, Mt as Tabs, N as Drawer, Nt as TextField, O as DialogActions, Ot as TableHead, P as Fade, Pt as ToggleButton, Q as ListItemIcon, R as FormHelperText, Rt as Typography, S as Checkbox, St as Tab, T as ClickAwayListener, Tt as TableCell, U as IconButton, Ut as ICON_TYPE, V as Grid, Vt as ZoomControl, W as Input, Wt as TimePicker, X as ListItem, Xt as Loader, Y as List, Yt as LoaderBackdrop, Z as ListItemButton, Zt as ImagePicker, _ as CardActionArea, _n as TabList, _t as StepButton, a as AccordionSummary, an as Dropzone, at as Pagination, b as CardHeader, bn as getTabId, bt as SvgIcon, c as Autocomplete, cn as ColorPicker, ct as Radio, d as Badge, dn as Alert, dt as Skeleton, en as FolderCard, et as ListSubheader, f as Box, fn as ActionBar, ft as Slide, g as Card, gt as Step, h as ButtonGroup, hn as tabPanelClasses, ht as Stack, i as AccordionDetails, in as EllipsisWithTooltip, it as Modal, j as DialogTitle, jt as TableSortLabel, k as DialogContent, kt as TablePagination, l as Avatar, ln as DEFAULT_COLOR_OPTIONS, lt as RadioGroup, m as Button, mn as getTabPanelUtilityClass, mt as Snackbar, n as Accordion, nn as FileListItem, nt as MenuItem, o as AlertTitle, on as Dialog, ot as Paper, p as Breadcrumbs, pn as TabPanel, pt as Slider, q as LinearProgress, qt as QueryError, r as AccordionActions, rn as EmptyState, rt as MobileStepper, s as AppBar, sn as DatePicker, st as Popover, tn as FileList, tt as Menu, u as Backdrop, ut as Select, v as CardActions, vn as TabContext, vt as StepLabel, w as CircularProgress, wt as TableBody, x as CardMedia, xn as useTabContext, xt as Switch, y as CardContent, yn as getPanelId, yt as Stepper, z as FormLabel, zt as Zoom } from "./src-B3iFugc4.js";
 export * from "@mui/material/Tabs";
 export * from "@mui/material/styles";
 export * from "@mui/material/Accordion";

package/dist/{src-G-BmjM2S.js → src-B3iFugc4.js}

@@ -114,6 +114,15 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
 var __copyProps = (to, from, except, desc) => {
 	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
 		key = keys[i];
@@ -30524,6 +30533,135 @@ var ZoomControl = ({ step = 10, value = 50, onChange, max = 100, min = 0, label
 	});
 };
 //#endregion
-export { ListSubheader as $, FolderCard as $t, DialogTitle as A, TableSortLabel as At, Grid as B, ZoomControl as Bt, CircularProgress$1 as C, TableBody as Ct, DialogActions$1 as D, TableHead as Dt, Container as E, TableFooter as Et, FormControlLabel as F, Toolbar as Ft, InputLabel$1 as G, ResourceCard as Gt, IconButton$1 as H, ICON_TYPE as Ht, FormGroup as I, Tooltip$1 as It, List$1 as J, LoaderBackdrop as Jt, LinearProgress as K, QueryError as Kt, FormHelperText$1 as L, Typography$1 as Lt, Drawer as M, TextField$1 as Mt, Fade$1 as N, ToggleButton as Nt, DialogContent$1 as O, TablePagination as Ot, FormControl$1 as P, ToggleButtonGroup as Pt, ListItemText$1 as Q, Heading as Qt, FormLabel as R, Zoom as Rt, Chip$1 as S, Table as St, Collapse$1 as T, TableContainer as Tt, Input as U, TimePicker as Ut, Grow$1 as V, TreeView as Vt, InputBase$1 as W, SearchInput as Wt, ListItemButton$1 as X, ImagePicker as Xt, ListItem$1 as Y, Loader as Yt, ListItemIcon$1 as Z, DeleteRounded_default as Zt, CardActions as _, TabContext as _n, StepLabel as _t, AlertTitle$1 as a, Dialog as an, Paper as at, CardMedia$1 as b, useTabContext as bn, Switch as bt, Avatar as c, DEFAULT_COLOR_OPTIONS as cn, RadioGroup as ct, Box$1 as d, ActionBar as dn, Slide as dt, FileList as en, Menu as et, Breadcrumbs as f, TabPanel as fn, Slider as ft, CardActionArea as g, TabList as gn, StepButton as gt, Card$1 as h, clsx as hn, Step as ht, AccordionSummary as i, Dropzone as in, Pagination as it, Divider$1 as j, Tabs$1 as jt, DialogContentText as k, TableRow as kt, Backdrop$1 as l, SvgIcon_default as ln, Select as lt, ButtonGroup as m, tabPanelClasses as mn, Stack$1 as mt, AccordionActions as n, EmptyState as nn, MobileStepper as nt, AppBar as o, DatePicker as on, Popover as ot, Button$1 as p, getTabPanelUtilityClass as pn, Snackbar as pt, Link as q, PasswordInput as qt, AccordionDetails as r, EllipsisWithTooltip as rn, Modal as rt, Autocomplete as s, ColorPicker as sn, Radio as st, Accordion as t, FileListItem as tn, MenuItem$1 as tt, Badge as u, Alert as un, Skeleton as ut, CardContent$1 as v, getPanelId as vn, Stepper as vt, ClickAwayListener$1 as w, TableCell as wt, Checkbox as x, Tab as xt, CardHeader as y, getTabId as yn, SvgIcon as yt, GlobalStyles as z, useMediaQuery$1 as zt };
+//#region src/index.ts
+var src_exports = /* @__PURE__ */ __exportAll({
+	Accordion: () => Accordion,
+	AccordionActions: () => AccordionActions,
+	AccordionDetails: () => AccordionDetails,
+	AccordionSummary: () => AccordionSummary,
+	ActionBar: () => ActionBar,
+	Alert: () => Alert,
+	AlertTitle: () => AlertTitle$1,
+	AppBar: () => AppBar,
+	Autocomplete: () => Autocomplete,
+	Avatar: () => Avatar,
+	Backdrop: () => Backdrop$1,
+	Badge: () => Badge,
+	Box: () => Box$1,
+	Breadcrumbs: () => Breadcrumbs,
+	Button: () => Button$1,
+	ButtonGroup: () => ButtonGroup,
+	Card: () => Card$1,
+	CardActionArea: () => CardActionArea,
+	CardActions: () => CardActions,
+	CardContent: () => CardContent$1,
+	CardHeader: () => CardHeader,
+	CardMedia: () => CardMedia$1,
+	Checkbox: () => Checkbox,
+	Chip: () => Chip$1,
+	CircularProgress: () => CircularProgress$1,
+	ClickAwayListener: () => ClickAwayListener$1,
+	Collapse: () => Collapse$1,
+	ColorPicker: () => ColorPicker,
+	Container: () => Container,
+	DEFAULT_COLOR_OPTIONS: () => DEFAULT_COLOR_OPTIONS,
+	DatePicker: () => DatePicker,
+	Dialog: () => Dialog,
+	DialogActions: () => DialogActions$1,
+	DialogContent: () => DialogContent$1,
+	DialogContentText: () => DialogContentText,
+	DialogTitle: () => DialogTitle,
+	Divider: () => Divider$1,
+	Drawer: () => Drawer,
+	Dropzone: () => Dropzone,
+	EllipsisWithTooltip: () => EllipsisWithTooltip,
+	EmptyState: () => EmptyState,
+	Fade: () => Fade$1,
+	FileList: () => FileList,
+	FileListItem: () => FileListItem,
+	FolderCard: () => FolderCard,
+	FormControl: () => FormControl$1,
+	FormControlLabel: () => FormControlLabel,
+	FormGroup: () => FormGroup,
+	FormHelperText: () => FormHelperText$1,
+	FormLabel: () => FormLabel,
+	GlobalStyles: () => GlobalStyles,
+	Grid: () => Grid,
+	Grow: () => Grow$1,
+	Heading: () => Heading,
+	ICON_TYPE: () => ICON_TYPE,
+	IconButton: () => IconButton$1,
+	ImagePicker: () => ImagePicker,
+	Input: () => Input,
+	InputBase: () => InputBase$1,
+	InputLabel: () => InputLabel$1,
+	LinearProgress: () => LinearProgress,
+	Link: () => Link,
+	List: () => List$1,
+	ListItem: () => ListItem$1,
+	ListItemButton: () => ListItemButton$1,
+	ListItemIcon: () => ListItemIcon$1,
+	ListItemText: () => ListItemText$1,
+	ListSubheader: () => ListSubheader,
+	Loader: () => Loader,
+	LoaderBackdrop: () => LoaderBackdrop,
+	Menu: () => Menu,
+	MenuItem: () => MenuItem$1,
+	MobileStepper: () => MobileStepper,
+	Modal: () => Modal,
+	Pagination: () => Pagination,
+	Paper: () => Paper,
+	PasswordInput: () => PasswordInput,
+	Popover: () => Popover,
+	QueryError: () => QueryError,
+	Radio: () => Radio,
+	RadioGroup: () => RadioGroup,
+	ResourceCard: () => ResourceCard,
+	SearchInput: () => SearchInput,
+	Select: () => Select,
+	Skeleton: () => Skeleton,
+	Slide: () => Slide,
+	Slider: () => Slider,
+	Snackbar: () => Snackbar,
+	Stack: () => Stack$1,
+	Step: () => Step,
+	StepButton: () => StepButton,
+	StepLabel: () => StepLabel,
+	Stepper: () => Stepper,
+	SvgIcon: () => SvgIcon,
+	Switch: () => Switch,
+	Tab: () => Tab,
+	TabContext: () => TabContext,
+	TabList: () => TabList,
+	TabPanel: () => TabPanel,
+	Table: () => Table,
+	TableBody: () => TableBody,
+	TableCell: () => TableCell,
+	TableContainer: () => TableContainer,
+	TableFooter: () => TableFooter,
+	TableHead: () => TableHead,
+	TablePagination: () => TablePagination,
+	TableRow: () => TableRow,
+	TableSortLabel: () => TableSortLabel,
+	Tabs: () => Tabs$1,
+	TextField: () => TextField$1,
+	TimePicker: () => TimePicker,
+	ToggleButton: () => ToggleButton,
+	ToggleButtonGroup: () => ToggleButtonGroup,
+	Toolbar: () => Toolbar,
+	Tooltip: () => Tooltip$1,
+	TreeView: () => TreeView,
+	Typography: () => Typography$1,
+	Zoom: () => Zoom,
+	ZoomControl: () => ZoomControl,
+	getPanelId: () => getPanelId,
+	getTabId: () => getTabId,
+	getTabPanelUtilityClass: () => getTabPanelUtilityClass,
+	tabPanelClasses: () => tabPanelClasses,
+	useMediaQuery: () => useMediaQuery$1,
+	useTabContext: () => useTabContext
+});
+//#endregion
+export { ListItemText$1 as $, Heading as $t, DialogContentText as A, TableRow as At, GlobalStyles as B, useMediaQuery$1 as Bt, Chip$1 as C, Table as Ct, Container as D, TableFooter as Dt, Collapse$1 as E, TableContainer as Et, FormControl$1 as F, ToggleButtonGroup as Ft, InputBase$1 as G, SearchInput as Gt, Grow$1 as H, TreeView as Ht, FormControlLabel as I, Toolbar as It, Link as J, PasswordInput as Jt, InputLabel$1 as K, ResourceCard as Kt, FormGroup as L, Tooltip$1 as Lt, Divider$1 as M, Tabs$1 as Mt, Drawer as N, TextField$1 as Nt, DialogActions$1 as O, TableHead as Ot, Fade$1 as P, ToggleButton as Pt, ListItemIcon$1 as Q, DeleteRounded_default as Qt, FormHelperText$1 as R, Typography$1 as Rt, Checkbox as S, Tab as St, ClickAwayListener$1 as T, TableCell as Tt, IconButton$1 as U, ICON_TYPE as Ut, Grid as V, ZoomControl as Vt, Input as W, TimePicker as Wt, ListItem$1 as X, Loader as Xt, List$1 as Y, LoaderBackdrop as Yt, ListItemButton$1 as Z, ImagePicker as Zt, CardActionArea as _, TabList as _n, StepButton as _t, AccordionSummary as a, Dropzone as an, Pagination as at, CardHeader as b, getTabId as bn, SvgIcon as bt, Autocomplete as c, ColorPicker as cn, Radio as ct, Badge as d, Alert as dn, Skeleton as dt, FolderCard as en, ListSubheader as et, Box$1 as f, ActionBar as fn, Slide as ft, Card$1 as g, clsx as gn, Step as gt, ButtonGroup as h, tabPanelClasses as hn, Stack$1 as ht, AccordionDetails as i, EllipsisWithTooltip as in, Modal as it, DialogTitle as j, TableSortLabel as jt, DialogContent$1 as k, TablePagination as kt, Avatar as l, DEFAULT_COLOR_OPTIONS as ln, RadioGroup as lt, Button$1 as m, getTabPanelUtilityClass as mn, Snackbar as mt, Accordion as n, FileListItem as nn, MenuItem$1 as nt, AlertTitle$1 as o, Dialog as on, Paper as ot, Breadcrumbs as p, TabPanel as pn, Slider as pt, LinearProgress as q, QueryError as qt, AccordionActions as r, EmptyState as rn, MobileStepper as rt, AppBar as s, DatePicker as sn, Popover as st, src_exports as t, FileList as tn, Menu as tt, Backdrop$1 as u, SvgIcon_default as un, Select as ut, CardActions as v, TabContext as vn, StepLabel as vt, CircularProgress$1 as w, TableBody as wt, CardMedia$1 as x, useTabContext as xn, Switch as xt, CardContent$1 as y, getPanelId as yn, Stepper as yt, FormLabel as z, Zoom as zt };
 
-//# sourceMappingURL=src-G-BmjM2S.js.map
+//# sourceMappingURL=src-B3iFugc4.js.map

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");
@@ -4356,7 +4358,7 @@ function useBlockquote(config) {
 			return success;
 		}, [editor, onToggled]),
 		canToggle,
-		label: "Blockquote",
+		label: "Citation en bloc",
 		shortcutKeys: BLOCKQUOTE_SHORTCUT_KEY,
 		Icon: TextSnippetIcon
 	};
@@ -4371,6 +4373,7 @@ var Button = (0, react.forwardRef)(({ className, children, tooltip, showTooltip
 	const shortcuts = (0, react.useMemo)(() => parseShortcutKeys({ shortcutKeys }), [shortcutKeys]);
 	if (!tooltip || !showTooltip) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ToggleButton.default, {
 		size: "small",
+		color: "primary",
 		ref,
 		sx: {
 			border: "none",
@@ -4388,6 +4391,7 @@ var Button = (0, react.forwardRef)(({ className, children, tooltip, showTooltip
 		}] } },
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ToggleButton.default, {
 			size: "small",
+			color: "primary",
 			ref,
 			sx: {
 				border: "none",
@@ -4431,7 +4435,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,
@@ -4630,7 +4634,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 +4671,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,
@@ -4943,7 +4947,7 @@ function useHeading(config) {
 			onToggled
 		]),
 		canToggle: canToggleState,
-		label: `Heading ${level}`,
+		label: `Titre ${level}`,
 		shortcutKeys: HEADING_SHORTCUT_KEYS[level],
 		Icon: headingIcons[level]
 	};
@@ -4987,9 +4991,11 @@ var HeadingMenuItem = (0, react.forwardRef)(({ editor: providedEditor, level, te
 		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,
@@ -5099,7 +5105,7 @@ function useHeadingMenu(config) {
 		isActive,
 		canToggle: canToggleState,
 		levels,
-		label: "Heading",
+		label: "Titre",
 		Icon: activeLevel ? headingIcons[activeLevel] : HeadingIcon
 	};
 }
@@ -5121,7 +5127,7 @@ var HeadingMenu = (0, react.forwardRef)(({ editor: providedEditor, levels = [
 	const { editor } = useTiptapEditor(providedEditor);
 	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
 	const open = Boolean(anchorEl);
-	const { isVisible, isActive, canToggle, Icon } = useHeadingMenu({
+	const { isVisible, isActive, canToggle, Icon, label } = useHeadingMenu({
 		editor,
 		levels,
 		hideWhenUnavailable
@@ -5143,7 +5149,7 @@ var HeadingMenu = (0, react.forwardRef)(({ editor: providedEditor, levels = [
 		id: "heading-button",
 		value: "heading",
 		type: "button",
-		selected: isActive,
+		selected: isActive || open,
 		role: "button",
 		tabIndex: -1,
 		disabled: !canToggle,
@@ -5152,7 +5158,7 @@ var HeadingMenu = (0, react.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,
@@ -5351,7 +5357,7 @@ function useLinkPopover(config) {
 		isVisible,
 		canSet,
 		isActive,
-		label: "Link",
+		label: "Lien",
 		Icon: LinkRounded_default,
 		...useLinkHandler({
 			editor,
@@ -5360,77 +5366,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 +5376,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 +5406,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,
@@ -5477,37 +5414,41 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, openLink, isActive }) => {
 				autoComplete: "off",
 				autoCorrect: "off",
 				autoCapitalize: "off",
-				className: "tiptap-link-input",
 				sx: {
 					padding: ".25rem .625rem",
-					fontSize: "0.875rem"
+					fontSize: "0.875rem",
+					minWidth: "12rem"
 				}
 			}),
-			/* @__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" })
-			}) })] })
+			})
 		]
 	});
 };
@@ -5520,6 +5461,7 @@ var LinkPopover = (0, react.forwardRef)(({ editor: providedEditor, hideWhenUnava
 	const { editor } = useTiptapEditor(providedEditor);
 	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
 	const internalRef = (0, react.useRef)(null);
+	const justSubmittedRef = (0, react.useRef)(false);
 	const { isVisible, canSet, isActive, url, setUrl, setLink, removeLink, openLink, label, Icon } = useLinkPopover({
 		editor,
 		hideWhenUnavailable,
@@ -5535,8 +5477,12 @@ var LinkPopover = (0, react.forwardRef)(({ editor: providedEditor, hideWhenUnava
 		onOpenChange?.(false);
 	}, [onOpenChange]);
 	const handleSetLink = (0, react.useCallback)(() => {
+		justSubmittedRef.current = true;
 		setLink();
 		setAnchorEl(null);
+		queueMicrotask(() => {
+			justSubmittedRef.current = false;
+		});
 	}, [setLink]);
 	const handleClick = (0, react.useCallback)((event) => {
 		onClick?.(event, !isActive);
@@ -5544,16 +5490,17 @@ var LinkPopover = (0, react.forwardRef)(({ editor: providedEditor, hideWhenUnava
 		setAnchorEl(event.currentTarget);
 	}, [onClick, anchorEl]);
 	(0, react.useEffect)(() => {
-		if (autoOpenOnLinkActive && isActive) setAnchorEl(internalRef.current);
+		if (autoOpenOnLinkActive && isActive && !justSubmittedRef.current) setAnchorEl(internalRef.current);
 	}, [autoOpenOnLinkActive, isActive]);
 	if (!isVisible) return null;
 	const open = Boolean(anchorEl);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkButton, {
 		value: "link",
 		disabled: !canSet,
-		selected: isActive,
+		selected: isActive || open,
 		"data-disabled": !canSet,
 		"aria-label": label,
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref: setRefs,
@@ -5620,9 +5567,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",
@@ -5947,7 +5894,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 +6063,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 +6262,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 +6436,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);
@@ -6686,6 +6625,8 @@ var useToolbarNavigation = (toolbarRef) => {
 		if (!items.length) return;
 		const toolbar = toolbarRef.current;
 		if (!toolbar) return;
+		const activeEl = toolbar.ownerDocument.activeElement;
+		if (activeEl && !toolbar.contains(activeEl)) return;
 		const initialContainerTabIndex = initialContainerTabIndexRef.current;
 		const currentIndex = selectedIndex ?? -1;
 		if (initialContainerTabIndex != null) {
@@ -6744,7 +6685,6 @@ 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: [
@@ -6771,20 +6711,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
 

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";
@@ -4345,7 +4345,7 @@ function useBlockquote(config) {
 			return success;
 		}, [editor, onToggled]),
 		canToggle,
-		label: "Blockquote",
+		label: "Citation en bloc",
 		shortcutKeys: BLOCKQUOTE_SHORTCUT_KEY,
 		Icon: TextSnippetIcon
 	};
@@ -4360,6 +4360,7 @@ var Button = forwardRef(({ className, children, tooltip, showTooltip = true, sho
 	const shortcuts = useMemo(() => parseShortcutKeys({ shortcutKeys }), [shortcutKeys]);
 	if (!tooltip || !showTooltip) return /* @__PURE__ */ jsx(ToggleButton, {
 		size: "small",
+		color: "primary",
 		ref,
 		sx: {
 			border: "none",
@@ -4377,6 +4378,7 @@ var Button = forwardRef(({ className, children, tooltip, showTooltip = true, sho
 		}] } },
 		children: /* @__PURE__ */ jsx(ToggleButton, {
 			size: "small",
+			color: "primary",
 			ref,
 			sx: {
 				border: "none",
@@ -4420,7 +4422,7 @@ var BlockquoteButton = forwardRef(({ editor: providedEditor, text, hideWhenUnava
 		disabled: !canToggle,
 		"data-disabled": !canToggle,
 		"aria-label": label,
-		tooltip: "Blockquote",
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref,
@@ -4619,7 +4621,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 +4658,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,
@@ -4932,7 +4934,7 @@ function useHeading(config) {
 			onToggled
 		]),
 		canToggle: canToggleState,
-		label: `Heading ${level}`,
+		label: `Titre ${level}`,
 		shortcutKeys: HEADING_SHORTCUT_KEYS[level],
 		Icon: headingIcons[level]
 	};
@@ -4976,9 +4978,11 @@ var HeadingMenuItem = forwardRef(({ editor: providedEditor, level, text, hideWhe
 		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,
@@ -5088,7 +5092,7 @@ function useHeadingMenu(config) {
 		isActive,
 		canToggle: canToggleState,
 		levels,
-		label: "Heading",
+		label: "Titre",
 		Icon: activeLevel ? headingIcons[activeLevel] : HeadingIcon
 	};
 }
@@ -5110,7 +5114,7 @@ var HeadingMenu = forwardRef(({ editor: providedEditor, levels = [
 	const { editor } = useTiptapEditor(providedEditor);
 	const [anchorEl, setAnchorEl] = useState(null);
 	const open = Boolean(anchorEl);
-	const { isVisible, isActive, canToggle, Icon } = useHeadingMenu({
+	const { isVisible, isActive, canToggle, Icon, label } = useHeadingMenu({
 		editor,
 		levels,
 		hideWhenUnavailable
@@ -5132,7 +5136,7 @@ var HeadingMenu = forwardRef(({ editor: providedEditor, levels = [
 		id: "heading-button",
 		value: "heading",
 		type: "button",
-		selected: isActive,
+		selected: isActive || open,
 		role: "button",
 		tabIndex: -1,
 		disabled: !canToggle,
@@ -5141,7 +5145,7 @@ var HeadingMenu = 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,
@@ -5340,7 +5344,7 @@ function useLinkPopover(config) {
 		isVisible,
 		canSet,
 		isActive,
-		label: "Link",
+		label: "Lien",
 		Icon: LinkRounded_default,
 		...useLinkHandler({
 			editor,
@@ -5349,77 +5353,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 +5363,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 +5393,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,
@@ -5466,37 +5401,41 @@ var LinkMain = ({ url, setUrl, setLink, removeLink, openLink, isActive }) => {
 				autoComplete: "off",
 				autoCorrect: "off",
 				autoCapitalize: "off",
-				className: "tiptap-link-input",
 				sx: {
 					padding: ".25rem .625rem",
-					fontSize: "0.875rem"
+					fontSize: "0.875rem",
+					minWidth: "12rem"
 				}
 			}),
-			/* @__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" })
-			}) })] })
+			})
 		]
 	});
 };
@@ -5509,6 +5448,7 @@ var LinkPopover = forwardRef(({ editor: providedEditor, hideWhenUnavailable = fa
 	const { editor } = useTiptapEditor(providedEditor);
 	const [anchorEl, setAnchorEl] = useState(null);
 	const internalRef = useRef(null);
+	const justSubmittedRef = useRef(false);
 	const { isVisible, canSet, isActive, url, setUrl, setLink, removeLink, openLink, label, Icon } = useLinkPopover({
 		editor,
 		hideWhenUnavailable,
@@ -5524,8 +5464,12 @@ var LinkPopover = forwardRef(({ editor: providedEditor, hideWhenUnavailable = fa
 		onOpenChange?.(false);
 	}, [onOpenChange]);
 	const handleSetLink = useCallback(() => {
+		justSubmittedRef.current = true;
 		setLink();
 		setAnchorEl(null);
+		queueMicrotask(() => {
+			justSubmittedRef.current = false;
+		});
 	}, [setLink]);
 	const handleClick = useCallback((event) => {
 		onClick?.(event, !isActive);
@@ -5533,16 +5477,17 @@ var LinkPopover = forwardRef(({ editor: providedEditor, hideWhenUnavailable = fa
 		setAnchorEl(event.currentTarget);
 	}, [onClick, anchorEl]);
 	useEffect(() => {
-		if (autoOpenOnLinkActive && isActive) setAnchorEl(internalRef.current);
+		if (autoOpenOnLinkActive && isActive && !justSubmittedRef.current) setAnchorEl(internalRef.current);
 	}, [autoOpenOnLinkActive, isActive]);
 	if (!isVisible) return null;
 	const open = Boolean(anchorEl);
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(LinkButton, {
 		value: "link",
 		disabled: !canSet,
-		selected: isActive,
+		selected: isActive || open,
 		"data-disabled": !canSet,
 		"aria-label": label,
+		tooltip: label,
 		onClick: handleClick,
 		...buttonProps,
 		ref: setRefs,
@@ -5609,9 +5554,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",
@@ -5936,7 +5881,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 +6050,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 +6249,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 +6423,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);
@@ -6675,6 +6612,8 @@ var useToolbarNavigation = (toolbarRef) => {
 		if (!items.length) return;
 		const toolbar = toolbarRef.current;
 		if (!toolbar) return;
+		const activeEl = toolbar.ownerDocument.activeElement;
+		if (activeEl && !toolbar.contains(activeEl)) return;
 		const initialContainerTabIndex = initialContainerTabIndexRef.current;
 		const currentIndex = selectedIndex ?? -1;
 		if (initialContainerTabIndex != null) {
@@ -6733,7 +6672,6 @@ 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: [
@@ -6760,19 +6698,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

package/dist/ui.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";:root {
+:root {
   --toastify-color-light: var(--theme-palette-common-white);
   --toastify-color-dark: var(--theme-palette-common-black);
   --toastify-color-info: var(--theme-palette-info-main);
@@ -11,127 +11,7 @@
   --toastify-text-color-light: var(--theme-palette-text-primary);
   --toastify-text-color-dark: var(--theme-palette-common-white);
 }
-
-.tiptap-button-group {
-  display: flex;
-  width: fit-content;
-  align-items: stretch;
-  /* nested tiptap-button-group gets a gap */
-}
-.tiptap-button-group:has(> [data-slot=tiptap-button-group]) {
-  gap: 0.125rem;
-}
-.tiptap-button-group {
-  /* focus-visible children stack correctly */
-}
-.tiptap-button-group > *:focus-visible {
-  position: relative;
-  z-index: 10;
-}
-.tiptap-button-group {
-  /* select trigger without explicit width becomes fit-content */
-}
-.tiptap-button-group > [data-slot=select-trigger]:not([class*=w-]) {
-  width: fit-content;
-}
-.tiptap-button-group {
-  /* input children fill remaining space */
-}
-.tiptap-button-group > input {
-  flex: 1;
-}
-
-/* ─── Horizontal ────────────────────────────────────────── */
-.tiptap-button-group-horizontal {
-  /* all [data-slot] children: remove right radius */
-}
-.tiptap-button-group-horizontal > [data-slot] {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.tiptap-button-group-horizontal {
-  /* last [data-slot] child: restore right radius */
-}
-.tiptap-button-group-horizontal > [data-slot]:not(:has(~ [data-slot])) {
-  border-top-right-radius: var(--tt-radius-lg) !important;
-  border-bottom-right-radius: var(--tt-radius-lg) !important;
-}
-.tiptap-button-group-horizontal {
-  /* non-first [data-slot] children: remove left radius + left border */
-}
-.tiptap-button-group-horizontal > [data-slot] ~ [data-slot] {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  border-left-width: 0;
-}
-.tiptap-button-group-horizontal {
-  /* select trigger last of type when followed by hidden select */
-}
-.tiptap-button-group-horizontal:has(select[aria-hidden=true]:last-child) > [data-slot=select-trigger]:last-of-type {
-  border-top-right-radius: var(--tt-radius-lg);
-  border-bottom-right-radius: var(--tt-radius-lg);
-}
-
-/* ─── Vertical ──────────────────────────────────────────── */
-.tiptap-button-group-vertical {
-  flex-direction: column;
-  /* all [data-slot] children: remove bottom radius */
-}
-.tiptap-button-group-vertical > [data-slot] {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.tiptap-button-group-vertical {
-  /* last [data-slot] child: restore bottom radius */
-}
-.tiptap-button-group-vertical > [data-slot]:not(:has(~ [data-slot])) {
-  border-bottom-left-radius: var(--tt-radius-lg) !important;
-  border-bottom-right-radius: var(--tt-radius-lg) !important;
-}
-.tiptap-button-group-vertical {
-  /* non-first [data-slot] children: remove top radius + top border */
-}
-.tiptap-button-group-vertical > [data-slot] ~ [data-slot] {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-top-width: 0;
-}
-
-/* ─── Separator ──────────────────────────────────────────── */
-.tiptap-button-group-separator {
-  position: relative;
-  align-self: stretch;
-}
-
-.tiptap-button-group-separator[data-orientation=horizontal] {
-  margin-left: 1px;
-  margin-right: 1px;
-}
-
-.tiptap-button-group-separator[data-orientation=horizontal] {
-  width: auto;
-}
-
-.tiptap-button-group-separator[data-orientation=vertical] {
-  margin-top: 1px;
-  margin-bottom: 1px;
-}
-
-.tiptap-button-group-separator[data-orientation=vertical] {
-  height: auto;
-}.tiptap-link-input {
-  font-size: 0.875rem;
-  border: none;
-  /* Clamp the input */
-  min-width: 12rem;
-  padding-right: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tiptap-link-input:focus {
-  text-overflow: clip;
-  overflow: visible;
-}:root {
+:root {
   --tt-toolbar-height: 2.75rem;
   --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
   --tt-toolbar-bg-color: var(--theme-palette-common-white);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.14.0-dev.1785319387",
+  "version": "1.14.0-dev.1785404668",
   "description": "React component library for Hub's design system, built on Material UI with custom and extended components.",
   "keywords": [
     "cgi-learning-hub",