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

package/dist/tiptap/index.cjs.js

@@ -4281,7 +4281,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 +4335,7 @@ function useBlockquote(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$6({
+			setIsVisible(shouldShowButton$5({
 				editor,
 				hideWhenUnavailable
 			}));
@@ -4548,7 +4548,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 +4609,7 @@ function useCodeBlock(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$5({
+			setIsVisible(shouldShowButton$4({
 				editor,
 				hideWhenUnavailable
 			}));
@@ -4744,7 +4744,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 +4844,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 +4864,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 +4881,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 +4913,7 @@ function useHeading(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				level,
 				hideWhenUnavailable
@@ -4949,16 +4949,16 @@ function useHeading(config) {
 	};
 }
 //#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,7 +4983,7 @@ 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" }),
@@ -4998,7 +4998,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 +5006,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 +5022,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 +5060,7 @@ function getActiveHeadingLevel(editor, levels = [
 * }
 * ```
 */
-function useHeadingDropdownMenu(config) {
+function useHeadingMenu(config) {
 	const { editor: providedEditor, levels = [
 		1,
 		2,
@@ -5077,7 +5077,7 @@ function useHeadingDropdownMenu(config) {
 	(0, react.useEffect)(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				hideWhenUnavailable,
 				level: levels
@@ -5104,13 +5104,13 @@ function useHeadingDropdownMenu(config) {
 	};
 }
 //#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 +5121,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 } = useHeadingMenu({
 		editor,
 		levels,
 		hideWhenUnavailable
@@ -5166,7 +5166,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 +5174,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");
@@ -5710,7 +5710,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(),
@@ -6748,7 +6748,7 @@ var FormattingControls = ({ editor }) => {
 		/* @__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,

package/dist/tiptap/index.es.js

@@ -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
 			}));
@@ -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
 			}));
@@ -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
@@ -4938,16 +4938,16 @@ function useHeading(config) {
 	};
 }
 //#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,7 +4972,7 @@ 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" }),
@@ -4987,7 +4987,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 +4995,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 +5011,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 +5049,7 @@ function getActiveHeadingLevel(editor, levels = [
 * }
 * ```
 */
-function useHeadingDropdownMenu(config) {
+function useHeadingMenu(config) {
 	const { editor: providedEditor, levels = [
 		1,
 		2,
@@ -5066,7 +5066,7 @@ function useHeadingDropdownMenu(config) {
 	useEffect(() => {
 		if (!editor) return;
 		const handleSelectionUpdate = () => {
-			setIsVisible(shouldShowButton$4({
+			setIsVisible(shouldShowItem({
 				editor,
 				hideWhenUnavailable,
 				level: levels
@@ -5093,13 +5093,13 @@ function useHeadingDropdownMenu(config) {
 	};
 }
 //#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 +5110,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 } = useHeadingMenu({
 		editor,
 		levels,
 		hideWhenUnavailable
@@ -5155,7 +5155,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 +5163,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");
@@ -5699,7 +5699,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(),
@@ -6737,7 +6737,7 @@ var FormattingControls = ({ editor }) => {
 		/* @__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,

package/package.json

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