@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/fields/rich-text-editor/toolbar.mjs

@@ -4,7 +4,6 @@ import { Button } from "../../ui/button.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../../ui/select.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "../../ui/dropdown-menu.mjs";
 import { TableControls } from "./table-controls.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -109,550 +108,296 @@ function getCurrentAlignment(editor) {
 /**
 * Icon-based toolbar button with tooltip showing keyboard shortcuts
 */
-function ToolbarButton(t0) {
-	const $ = c(30);
-	let active;
-	let children;
-	let className;
-	let disabled;
-	let iconName;
-	let onClick;
-	let rest;
-	let shortcut;
-	let title;
-	if ($[0] !== t0) {
-		({active, disabled, title, onClick, icon: iconName, children, shortcut, className, ...rest} = t0);
-		$[0] = t0;
-		$[1] = active;
-		$[2] = children;
-		$[3] = className;
-		$[4] = disabled;
-		$[5] = iconName;
-		$[6] = onClick;
-		$[7] = rest;
-		$[8] = shortcut;
-		$[9] = title;
-	} else {
-		active = $[1];
-		children = $[2];
-		className = $[3];
-		disabled = $[4];
-		iconName = $[5];
-		onClick = $[6];
-		rest = $[7];
-		shortcut = $[8];
-		title = $[9];
-	}
-	let t1;
-	if ($[10] !== shortcut || $[11] !== title) {
-		t1 = !title && !shortcut ? void 0 : shortcut ? `${title || ""} (${shortcut})`.trim() : title;
-		$[10] = shortcut;
-		$[11] = title;
-		$[12] = t1;
-	} else t1 = $[12];
-	const tooltipText = t1;
+function ToolbarButton({ active, disabled, title, onClick, icon: iconName, children, shortcut, className, ...rest }) {
+	const tooltipText = !title && !shortcut ? void 0 : shortcut ? `${title || ""} (${shortcut})`.trim() : title;
 	const iconSuffix = active ? "-fill" : "";
-	const buttonSize = iconName ? "icon-sm" : "xs";
-	const t2 = typeof active === "boolean" ? active : void 0;
-	let t3;
-	if ($[13] !== className) {
-		t3 = cn("item-surface text-muted-foreground hover:bg-surface-high hover:text-foreground motion-reduce:transition-none", "data-[active=true]:bg-surface-high data-[active=true]:text-foreground", "aria-expanded:bg-surface-high", className);
-		$[13] = className;
-		$[14] = t3;
-	} else t3 = $[14];
-	let t4;
-	if ($[15] !== children || $[16] !== iconName || $[17] !== iconSuffix) {
-		t4 = iconName ? /* @__PURE__ */ jsx(Icon, {
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		size: iconName ? "icon-sm" : "xs",
+		"aria-label": title,
+		"aria-pressed": typeof active === "boolean" ? active : void 0,
+		"data-active": active,
+		"data-rich-text-toolbar-button": "",
+		title: tooltipText,
+		disabled,
+		onClick,
+		className: cn("item-surface text-muted-foreground hover:bg-surface-high hover:text-foreground motion-reduce:transition-none", "data-[active=true]:bg-surface-high data-[active=true]:text-foreground", "aria-expanded:bg-surface-high", className),
+		...rest,
+		children: iconName ? /* @__PURE__ */ jsx(Icon, {
 			"aria-hidden": "true",
 			icon: `${iconName}${iconSuffix}`,
 			width: 16,
 			height: 16
-		}) : children;
-		$[15] = children;
-		$[16] = iconName;
-		$[17] = iconSuffix;
-		$[18] = t4;
-	} else t4 = $[18];
-	let t5;
-	if ($[19] !== active || $[20] !== buttonSize || $[21] !== disabled || $[22] !== onClick || $[23] !== rest || $[24] !== t2 || $[25] !== t3 || $[26] !== t4 || $[27] !== title || $[28] !== tooltipText) {
-		t5 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "ghost",
-			size: buttonSize,
-			"aria-label": title,
-			"aria-pressed": t2,
-			"data-active": active,
-			"data-rich-text-toolbar-button": "",
-			title: tooltipText,
-			disabled,
-			onClick,
-			className: t3,
-			...rest,
-			children: t4
-		});
-		$[19] = active;
-		$[20] = buttonSize;
-		$[21] = disabled;
-		$[22] = onClick;
-		$[23] = rest;
-		$[24] = t2;
-		$[25] = t3;
-		$[26] = t4;
-		$[27] = title;
-		$[28] = tooltipText;
-		$[29] = t5;
-	} else t5 = $[29];
-	return t5;
+		}) : children
+	});
 }
 /**
 * Toolbar button group with divider
 */
-function ToolbarGroup(t0) {
-	const $ = c(2);
-	const { children } = t0;
-	let t1;
-	if ($[0] !== children) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-1",
-			role: "group",
-			children
-		});
-		$[0] = children;
-		$[1] = t1;
-	} else t1 = $[1];
-	return t1;
+function ToolbarGroup({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1",
+		role: "group",
+		children
+	});
 }
-function ToolbarMenuItem(t0) {
-	const $ = c(17);
-	const { active, disabled, icon, label, onClick, shortcut } = t0;
-	const t1 = active ? "true" : void 0;
-	const t2 = active ? "bg-accent text-accent-foreground" : "";
-	let t3;
-	if ($[0] !== t2) {
-		t3 = cn("min-w-44", t2);
-		$[0] = t2;
-		$[1] = t3;
-	} else t3 = $[1];
-	let t4;
-	if ($[2] !== icon) {
-		t4 = /* @__PURE__ */ jsx(Icon, {
-			"aria-hidden": "true",
-			icon
-		});
-		$[2] = icon;
-		$[3] = t4;
-	} else t4 = $[3];
-	let t5;
-	if ($[4] !== label) {
-		t5 = /* @__PURE__ */ jsx("span", { children: label });
-		$[4] = label;
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] !== active || $[7] !== shortcut) {
-		t6 = shortcut ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: shortcut }) : active ? /* @__PURE__ */ jsx(Icon, {
-			"aria-hidden": "true",
-			icon: "ph:check",
-			className: "ml-auto size-3.5"
-		}) : null;
-		$[6] = active;
-		$[7] = shortcut;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== disabled || $[10] !== onClick || $[11] !== t1 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5 || $[15] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			"aria-current": t1,
-			disabled,
-			onClick,
-			className: t3,
-			children: [
-				t4,
-				t5,
-				t6
-			]
-		});
-		$[9] = disabled;
-		$[10] = onClick;
-		$[11] = t1;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	return t7;
+function ToolbarMenuItem({ active, disabled, icon, label, onClick, shortcut }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		"aria-current": active ? "true" : void 0,
+		disabled,
+		onClick,
+		className: cn("min-w-44", active ? "bg-accent text-accent-foreground" : ""),
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				"aria-hidden": "true",
+				icon
+			}),
+			/* @__PURE__ */ jsx("span", { children: label }),
+			shortcut ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: shortcut }) : active ? /* @__PURE__ */ jsx(Icon, {
+				"aria-hidden": "true",
+				icon: "ph:check",
+				className: "ml-auto size-3.5"
+			}) : null
+		]
+	});
 }
 /**
 * Main toolbar component with icon-based buttons
 */
-function RichTextToolbar(t0) {
-	const $ = c(77);
-	const { editor, features, disabled, headingValue, onHeadingChange, onLinkClick, onImageClick, onTableClick, inTable } = t0;
+function RichTextToolbar({ editor, features, disabled, headingValue, onHeadingChange, onLinkClick, onImageClick, onTableClick, inTable }) {
 	const { t } = useTranslation();
 	const isEditable = !disabled;
-	let t1;
-	if ($[0] !== editor) {
-		t1 = getCurrentAlignment(editor);
-		$[0] = editor;
-		$[1] = t1;
-	} else t1 = $[1];
-	const currentAlignment = t1;
-	let t2;
-	if ($[2] !== currentAlignment) {
-		t2 = ALIGNMENT_OPTIONS.find((option) => option.value === currentAlignment) ?? ALIGNMENT_OPTIONS[0];
-		$[2] = currentAlignment;
-		$[3] = t2;
-	} else t2 = $[3];
-	const currentAlignmentOption = t2;
+	const currentAlignment = getCurrentAlignment(editor);
+	const currentAlignmentOption = ALIGNMENT_OPTIONS.find((option) => option.value === currentAlignment) ?? ALIGNMENT_OPTIONS[0];
 	const hasMoreFormatting = features.underline || features.strike || features.code;
 	const hasBlockMenu = features.bulletList || features.orderedList || features.blockquote || features.codeBlock || features.horizontalRule;
 	const hasInsertMenu = features.link || features.image || features.table;
-	let t3;
-	if ($[4] !== t) {
-		t3 = t("editor.richTextToolbar");
-		$[4] = t;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== editor || $[7] !== features.history || $[8] !== isEditable || $[9] !== t) {
-		t4 = features.history && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.undo,
-			disabled: !isEditable || !editor.can().undo(),
-			title: t("editor.undo"),
-			shortcut: "⌘Z",
-			onClick: () => editor.chain().focus().undo().run()
-		}), /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.redo,
-			disabled: !isEditable || !editor.can().redo(),
-			title: t("editor.redo"),
-			shortcut: "⌘⇧Z",
-			onClick: () => editor.chain().focus().redo().run()
-		})] });
-		$[6] = editor;
-		$[7] = features.history;
-		$[8] = isEditable;
-		$[9] = t;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== features.heading || $[12] !== headingValue || $[13] !== isEditable || $[14] !== onHeadingChange || $[15] !== t) {
-		t5 = features.heading && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Select, {
-			value: headingValue,
-			disabled: !isEditable,
-			onValueChange: (value) => {
-				if (typeof value === "string") onHeadingChange(value);
-			},
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				"aria-label": t("editor.blockType"),
-				className: "h-8 min-w-[136px] px-2.5 text-sm",
-				size: "sm",
-				children: /* @__PURE__ */ jsx(SelectValue, { children: HEADING_OPTIONS.find((option_1) => option_1.value === headingValue)?.value ? getHeadingOptionLabel(HEADING_OPTIONS.find((option_0) => option_0.value === headingValue)?.value ?? "paragraph", t) : t("editor.paragraph") })
-			}), /* @__PURE__ */ jsxs(SelectContent, {
-				align: "start",
-				className: "min-w-[136px]",
-				children: [
-					/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.textBlocks") }), /* @__PURE__ */ jsx(SelectItem, {
-						value: "paragraph",
-						children: t("editor.paragraph")
-					})] }),
-					/* @__PURE__ */ jsx(SelectSeparator, {}),
-					/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.headings") }), HEADING_OPTIONS.filter(_temp).map((option_3) => /* @__PURE__ */ jsx(SelectItem, {
-						value: option_3.value,
-						children: getHeadingOptionLabel(option_3.value, t)
-					}, option_3.value))] })
-				]
-			})]
-		}) });
-		$[11] = features.heading;
-		$[12] = headingValue;
-		$[13] = isEditable;
-		$[14] = onHeadingChange;
-		$[15] = t;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== editor || $[18] !== features.bold || $[19] !== isEditable || $[20] !== t) {
-		t6 = features.bold && /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.bold,
-			active: editor.isActive("bold"),
-			disabled: !isEditable,
-			title: t("editor.bold"),
-			shortcut: "⌘B",
-			onClick: () => editor.chain().focus().toggleBold().run()
-		});
-		$[17] = editor;
-		$[18] = features.bold;
-		$[19] = isEditable;
-		$[20] = t;
-		$[21] = t6;
-	} else t6 = $[21];
-	let t7;
-	if ($[22] !== editor || $[23] !== features.italic || $[24] !== isEditable || $[25] !== t) {
-		t7 = features.italic && /* @__PURE__ */ jsx(ToolbarButton, {
-			icon: EDITOR_ICONS.italic,
-			active: editor.isActive("italic"),
-			disabled: !isEditable,
-			title: t("editor.italic"),
-			shortcut: "⌘I",
-			onClick: () => editor.chain().focus().toggleItalic().run()
-		});
-		$[22] = editor;
-		$[23] = features.italic;
-		$[24] = isEditable;
-		$[25] = t;
-		$[26] = t7;
-	} else t7 = $[26];
-	let t8;
-	if ($[27] !== editor || $[28] !== features.code || $[29] !== features.strike || $[30] !== features.underline || $[31] !== hasMoreFormatting || $[32] !== isEditable || $[33] !== t) {
-		t8 = hasMoreFormatting && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			nativeButton: false,
-			render: /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.formatting,
-				active: editor.isActive("underline") || editor.isActive("strike") || editor.isActive("code"),
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-label": t("editor.richTextToolbar"),
+		className: "qp-rich-text-editor__toolbar border-border-subtle bg-surface-low flex flex-nowrap items-center gap-1.5 overflow-x-auto border-b p-1.5",
+		role: "toolbar",
+		children: [
+			features.history && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.undo,
+				disabled: !isEditable || !editor.can().undo(),
+				title: t("editor.undo"),
+				shortcut: "⌘Z",
+				onClick: () => editor.chain().focus().undo().run()
+			}), /* @__PURE__ */ jsx(ToolbarButton, {
+				icon: EDITOR_ICONS.redo,
+				disabled: !isEditable || !editor.can().redo(),
+				title: t("editor.redo"),
+				shortcut: "⌘⇧Z",
+				onClick: () => editor.chain().focus().redo().run()
+			})] }),
+			features.heading && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Select, {
+				value: headingValue,
 				disabled: !isEditable,
-				title: t("editor.moreFormatting")
-			})
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "start",
-			className: "w-56",
-			children: [
-				/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.formatting") }),
-				features.underline && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.underline,
-					active: editor.isActive("underline"),
+				onValueChange: (value) => {
+					if (typeof value === "string") onHeadingChange(value);
+				},
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					"aria-label": t("editor.blockType"),
+					className: "h-8 min-w-[136px] px-2.5 text-sm",
+					size: "sm",
+					children: /* @__PURE__ */ jsx(SelectValue, { children: HEADING_OPTIONS.find((option) => option.value === headingValue)?.value ? getHeadingOptionLabel(HEADING_OPTIONS.find((option) => option.value === headingValue)?.value ?? "paragraph", t) : t("editor.paragraph") })
+				}), /* @__PURE__ */ jsxs(SelectContent, {
+					align: "start",
+					className: "min-w-[136px]",
+					children: [
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.textBlocks") }), /* @__PURE__ */ jsx(SelectItem, {
+							value: "paragraph",
+							children: t("editor.paragraph")
+						})] }),
+						/* @__PURE__ */ jsx(SelectSeparator, {}),
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.headings") }), HEADING_OPTIONS.filter((option) => option.group === "heading").map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.value,
+							children: getHeadingOptionLabel(option.value, t)
+						}, option.value))] })
+					]
+				})]
+			}) }),
+			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+				features.bold && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.bold,
+					active: editor.isActive("bold"),
 					disabled: !isEditable,
-					label: t("editor.underline"),
-					shortcut: "⌘U",
-					onClick: () => editor.chain().focus().toggleUnderline().run()
+					title: t("editor.bold"),
+					shortcut: "⌘B",
+					onClick: () => editor.chain().focus().toggleBold().run()
 				}),
-				features.strike && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.strikethrough,
-					active: editor.isActive("strike"),
+				features.italic && /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.italic,
+					active: editor.isActive("italic"),
 					disabled: !isEditable,
-					label: t("editor.strikethrough"),
-					onClick: () => editor.chain().focus().toggleStrike().run()
+					title: t("editor.italic"),
+					shortcut: "⌘I",
+					onClick: () => editor.chain().focus().toggleItalic().run()
 				}),
-				features.code && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.code,
-					active: editor.isActive("code"),
+				hasMoreFormatting && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					nativeButton: false,
+					render: /* @__PURE__ */ jsx(ToolbarButton, {
+						icon: EDITOR_ICONS.formatting,
+						active: editor.isActive("underline") || editor.isActive("strike") || editor.isActive("code"),
+						disabled: !isEditable,
+						title: t("editor.moreFormatting")
+					})
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					align: "start",
+					className: "w-56",
+					children: [
+						/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.formatting") }),
+						features.underline && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+							icon: EDITOR_ICONS.underline,
+							active: editor.isActive("underline"),
+							disabled: !isEditable,
+							label: t("editor.underline"),
+							shortcut: "⌘U",
+							onClick: () => editor.chain().focus().toggleUnderline().run()
+						}),
+						features.strike && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+							icon: EDITOR_ICONS.strikethrough,
+							active: editor.isActive("strike"),
+							disabled: !isEditable,
+							label: t("editor.strikethrough"),
+							onClick: () => editor.chain().focus().toggleStrike().run()
+						}),
+						features.code && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+							icon: EDITOR_ICONS.code,
+							active: editor.isActive("code"),
+							disabled: !isEditable,
+							label: t("editor.code"),
+							shortcut: "⌘E",
+							onClick: () => editor.chain().focus().toggleCode().run()
+						})
+					]
+				})] })
+			] }),
+			hasBlockMenu && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				nativeButton: false,
+				render: /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.blocks,
+					active: editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("blockquote") || editor.isActive("codeBlock"),
 					disabled: !isEditable,
-					label: t("editor.code"),
-					shortcut: "⌘E",
-					onClick: () => editor.chain().focus().toggleCode().run()
+					title: t("editor.blocks")
 				})
-			]
-		})] });
-		$[27] = editor;
-		$[28] = features.code;
-		$[29] = features.strike;
-		$[30] = features.underline;
-		$[31] = hasMoreFormatting;
-		$[32] = isEditable;
-		$[33] = t;
-		$[34] = t8;
-	} else t8 = $[34];
-	let t9;
-	if ($[35] !== t6 || $[36] !== t7 || $[37] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(ToolbarGroup, { children: [
-			t6,
-			t7,
-			t8
-		] });
-		$[35] = t6;
-		$[36] = t7;
-		$[37] = t8;
-		$[38] = t9;
-	} else t9 = $[38];
-	let t10;
-	if ($[39] !== editor || $[40] !== features.blockquote || $[41] !== features.bulletList || $[42] !== features.codeBlock || $[43] !== features.horizontalRule || $[44] !== features.orderedList || $[45] !== hasBlockMenu || $[46] !== isEditable || $[47] !== t) {
-		t10 = hasBlockMenu && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			nativeButton: false,
-			render: /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.blocks,
-				active: editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("blockquote") || editor.isActive("codeBlock"),
-				disabled: !isEditable,
-				title: t("editor.blocks")
-			})
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "start",
-			className: "w-56",
-			children: [
-				/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.list") }),
-				features.bulletList && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.bulletList,
-					active: editor.isActive("bulletList"),
-					disabled: !isEditable,
-					label: t("editor.unorderedList"),
-					onClick: () => editor.chain().focus().toggleBulletList().run()
-				}),
-				features.orderedList && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.orderedList,
-					active: editor.isActive("orderedList"),
-					disabled: !isEditable,
-					label: t("editor.orderedList"),
-					onClick: () => editor.chain().focus().toggleOrderedList().run()
-				}),
-				(features.blockquote || features.codeBlock || features.horizontalRule) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-				features.blockquote && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.blockquote,
-					active: editor.isActive("blockquote"),
-					disabled: !isEditable,
-					label: t("editor.quote"),
-					onClick: () => editor.chain().focus().toggleBlockquote().run()
-				}),
-				features.codeBlock && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.codeBlock,
-					active: editor.isActive("codeBlock"),
-					disabled: !isEditable,
-					label: t("editor.codeBlock"),
-					onClick: () => editor.chain().focus().toggleCodeBlock().run()
-				}),
-				features.horizontalRule && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.horizontalRule,
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				className: "w-56",
+				children: [
+					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.list") }),
+					features.bulletList && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.bulletList,
+						active: editor.isActive("bulletList"),
+						disabled: !isEditable,
+						label: t("editor.unorderedList"),
+						onClick: () => editor.chain().focus().toggleBulletList().run()
+					}),
+					features.orderedList && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.orderedList,
+						active: editor.isActive("orderedList"),
+						disabled: !isEditable,
+						label: t("editor.orderedList"),
+						onClick: () => editor.chain().focus().toggleOrderedList().run()
+					}),
+					(features.blockquote || features.codeBlock || features.horizontalRule) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+					features.blockquote && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.blockquote,
+						active: editor.isActive("blockquote"),
+						disabled: !isEditable,
+						label: t("editor.quote"),
+						onClick: () => editor.chain().focus().toggleBlockquote().run()
+					}),
+					features.codeBlock && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.codeBlock,
+						active: editor.isActive("codeBlock"),
+						disabled: !isEditable,
+						label: t("editor.codeBlock"),
+						onClick: () => editor.chain().focus().toggleCodeBlock().run()
+					}),
+					features.horizontalRule && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.horizontalRule,
+						disabled: !isEditable,
+						label: t("editor.horizontalRule"),
+						onClick: () => editor.chain().focus().setHorizontalRule().run()
+					})
+				]
+			})] }) }),
+			features.align && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				nativeButton: false,
+				render: /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: currentAlignmentOption.icon,
+					active: currentAlignment !== "left",
 					disabled: !isEditable,
-					label: t("editor.horizontalRule"),
-					onClick: () => editor.chain().focus().setHorizontalRule().run()
+					title: t("editor.alignment")
 				})
-			]
-		})] }) });
-		$[39] = editor;
-		$[40] = features.blockquote;
-		$[41] = features.bulletList;
-		$[42] = features.codeBlock;
-		$[43] = features.horizontalRule;
-		$[44] = features.orderedList;
-		$[45] = hasBlockMenu;
-		$[46] = isEditable;
-		$[47] = t;
-		$[48] = t10;
-	} else t10 = $[48];
-	let t11;
-	if ($[49] !== currentAlignment || $[50] !== currentAlignmentOption || $[51] !== editor || $[52] !== features.align || $[53] !== isEditable || $[54] !== t) {
-		t11 = features.align && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			nativeButton: false,
-			render: /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: currentAlignmentOption.icon,
-				active: currentAlignment !== "left",
-				disabled: !isEditable,
-				title: t("editor.alignment")
-			})
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "start",
-			className: "w-56",
-			children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.alignment") }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-				value: currentAlignment,
-				onValueChange: (value_0) => {
-					editor.chain().focus().setTextAlign(value_0).run();
-				},
-				children: ALIGNMENT_OPTIONS.map((option_4) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, {
-					value: option_4.value,
-					disabled: !isEditable,
-					children: [/* @__PURE__ */ jsx(Icon, {
-						"aria-hidden": "true",
-						icon: option_4.icon
-					}), /* @__PURE__ */ jsx("span", { children: t(option_4.labelKey) })]
-				}, option_4.value))
-			})]
-		})] }) });
-		$[49] = currentAlignment;
-		$[50] = currentAlignmentOption;
-		$[51] = editor;
-		$[52] = features.align;
-		$[53] = isEditable;
-		$[54] = t;
-		$[55] = t11;
-	} else t11 = $[55];
-	let t12;
-	if ($[56] !== editor || $[57] !== features.image || $[58] !== features.link || $[59] !== features.table || $[60] !== features.tableControls || $[61] !== hasInsertMenu || $[62] !== inTable || $[63] !== isEditable || $[64] !== onImageClick || $[65] !== onLinkClick || $[66] !== onTableClick || $[67] !== t) {
-		t12 = hasInsertMenu && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			nativeButton: false,
-			render: /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.insert,
-				active: editor.isActive("link"),
-				disabled: !isEditable,
-				title: t("editor.insert")
-			})
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "start",
-			className: "w-56",
-			children: [
-				/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.insert") }),
-				features.link && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.link,
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				className: "w-56",
+				children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.alignment") }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+					value: currentAlignment,
+					onValueChange: (value) => {
+						editor.chain().focus().setTextAlign(value).run();
+					},
+					children: ALIGNMENT_OPTIONS.map((option) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, {
+						value: option.value,
+						disabled: !isEditable,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							"aria-hidden": "true",
+							icon: option.icon
+						}), /* @__PURE__ */ jsx("span", { children: t(option.labelKey) })]
+					}, option.value))
+				})]
+			})] }) }),
+			hasInsertMenu && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				nativeButton: false,
+				render: /* @__PURE__ */ jsx(ToolbarButton, {
+					icon: EDITOR_ICONS.insert,
 					active: editor.isActive("link"),
 					disabled: !isEditable,
-					label: t("editor.link"),
-					shortcut: "⌘K",
-					onClick: onLinkClick
-				}),
-				features.image && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-					icon: EDITOR_ICONS.image,
-					disabled: !isEditable,
-					label: t("editor.image"),
-					onClick: onImageClick
-				}),
-				features.table && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+					title: t("editor.insert")
+				})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				className: "w-56",
+				children: [
+					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.insert") }),
+					features.link && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.link,
+						active: editor.isActive("link"),
+						disabled: !isEditable,
+						label: t("editor.link"),
+						shortcut: "⌘K",
+						onClick: onLinkClick
+					}),
+					features.image && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.image,
+						disabled: !isEditable,
+						label: t("editor.image"),
+						onClick: onImageClick
+					}),
+					features.table && /* @__PURE__ */ jsx(ToolbarMenuItem, {
+						icon: EDITOR_ICONS.table,
+						active: inTable,
+						disabled: !isEditable,
+						label: t("editor.table"),
+						onClick: onTableClick
+					})
+				]
+			})] }), features.table && features.tableControls && inTable && /* @__PURE__ */ jsx(TableControls, {
+				editor,
+				disabled: !isEditable,
+				inTable,
+				triggerButton: /* @__PURE__ */ jsx(ToolbarButton, {
 					icon: EDITOR_ICONS.table,
 					active: inTable,
 					disabled: !isEditable,
-					label: t("editor.table"),
-					onClick: onTableClick
+					title: t("editor.table")
 				})
-			]
-		})] }), features.table && features.tableControls && inTable && /* @__PURE__ */ jsx(TableControls, {
-			editor,
-			disabled: !isEditable,
-			inTable,
-			triggerButton: /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.table,
-				active: inTable,
-				disabled: !isEditable,
-				title: t("editor.table")
-			})
-		})] });
-		$[56] = editor;
-		$[57] = features.image;
-		$[58] = features.link;
-		$[59] = features.table;
-		$[60] = features.tableControls;
-		$[61] = hasInsertMenu;
-		$[62] = inTable;
-		$[63] = isEditable;
-		$[64] = onImageClick;
-		$[65] = onLinkClick;
-		$[66] = onTableClick;
-		$[67] = t;
-		$[68] = t12;
-	} else t12 = $[68];
-	let t13;
-	if ($[69] !== t10 || $[70] !== t11 || $[71] !== t12 || $[72] !== t3 || $[73] !== t4 || $[74] !== t5 || $[75] !== t9) {
-		t13 = /* @__PURE__ */ jsxs("div", {
-			"aria-label": t3,
-			className: "qp-rich-text-editor__toolbar border-border-subtle bg-surface-low flex flex-nowrap items-center gap-1.5 overflow-x-auto border-b p-1.5",
-			role: "toolbar",
-			children: [
-				t4,
-				t5,
-				t9,
-				t10,
-				t11,
-				t12
-			]
-		});
-		$[69] = t10;
-		$[70] = t11;
-		$[71] = t12;
-		$[72] = t3;
-		$[73] = t4;
-		$[74] = t5;
-		$[75] = t9;
-		$[76] = t13;
-	} else t13 = $[76];
-	return t13;
-}
-function _temp(option_2) {
-	return option_2.group === "heading";
+			})] })
+		]
+	});
 }
 
 //#endregion